/* =========================================================
   TECHFIT PLM UI STANDARD V1
   Global Design Tokens
   Served path: /plm/assets/css/techfit-theme.css
   ========================================================= */

:root {
  --tf-font-family: Inter, Arial, Helvetica, sans-serif;

  --tf-font-micro: 10px;
  --tf-font-label: 11px;
  --tf-font-sm: 12px;
  --tf-font-md: 14px;
  --tf-font-lg: 16px;
  --tf-font-card-title: 20px;
  --tf-font-page-title: 24px;
  --tf-font-page-xl: 28px;

  --tf-weight-regular: 400;
  --tf-weight-medium: 500;
  --tf-weight-semibold: 600;
  --tf-weight-title: 500;
  --tf-weight-button: 400;
  --tf-weight-label: 400;

  --tf-line-tight: 1.15;
  --tf-line-normal: 1.35;
  --tf-line-relaxed: 1.5;

  --tf-letter-label: 0.12em;
  --tf-letter-eyebrow: 0.28em;

  --tf-bg-page: #eaf2f9;
  --tf-bg-card: #ffffff;
  --tf-bg-card-soft: #f8fbff;
  --tf-bg-header: #eef5fb;
  --tf-bg-soft-blue: #f3f8ff;
  --tf-bg-blue-pill: #eaf4ff;
  --tf-bg-green-soft: #effdf5;
  --tf-bg-muted: #f7f9fc;

  --tf-text-main: #001f4f;
  --tf-text-body: #00285c;
  --tf-text-muted: #61708a;
  --tf-text-label: #637693;
  --tf-text-light: #8090a8;
  --tf-text-inverse: #ffffff;
  --tf-text-link: #145cff;
  --tf-text-success: #007a3d;
  --tf-text-warning: #9a5b00;
  --tf-text-danger: #b42318;

  --tf-primary: #06162f;
  --tf-primary-hover: #0b2145;
  --tf-blue: #2563eb;
  --tf-blue-hover: #1d4ed8;
  --tf-green: #007a3d;
  --tf-orange: #b86b00;
  --tf-red: #b42318;

  --tf-border: #d7e7f8;
  --tf-border-soft: #e7eef7;
  --tf-border-blue: #c9def8;
  --tf-border-blue-strong: #adcdf4;
  --tf-border-green: #a9efc8;
  --tf-border-warning: #f6d58d;
  --tf-border-danger: #f5b5ad;

  --tf-radius-xs: 6px;
  --tf-radius-sm: 8px;
  --tf-radius-md: 12px;
  --tf-radius-lg: 16px;
  --tf-radius-xl: 20px;
  --tf-radius-pill: 999px;

  --tf-space-1: 4px;
  --tf-space-2: 8px;
  --tf-space-3: 12px;
  --tf-space-4: 16px;
  --tf-space-5: 20px;
  --tf-space-6: 24px;
  --tf-space-8: 32px;

  --tf-page-padding: 20px;
  --tf-card-padding: 16px;
  --tf-section-gap: 14px;

  --tf-header-height: 72px;
  --tf-pill-height: 42px;
  --tf-pill-height-sm: 34px;
  --tf-input-height: 40px;
  --tf-table-row-height: 40px;

  --tf-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04);
  --tf-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);
}

html {
  box-sizing: border-box;
  font-size: 14px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body.tf-ui-v1 {
  margin: 0;
  min-height: 100vh;
  background: var(--tf-bg-page);
  color: var(--tf-text-main);
  font-family: var(--tf-font-family);
  font-size: var(--tf-font-md);
  font-weight: var(--tf-weight-regular);
  line-height: var(--tf-line-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.tf-ui-v1 button,
body.tf-ui-v1 input,
body.tf-ui-v1 select,
body.tf-ui-v1 textarea {
  font-family: var(--tf-font-family);
}

body.tf-ui-v1 a {
  color: inherit;
  text-decoration: none;
}

/* TECHFIT_UI_V2_A2:THEME:START */
/*
 * TECHFIT UI V2 — Style Arcade scoped theme foundation
 * Scope: active only when body contains .tf-ui-v2-style-arcade
 * External font download: intentionally not added
 */
.tf-ui-v2-style-arcade {
  --tf-font-family: "Poppins", "Inter", "Avenir Next", "Segoe UI", Arial, sans-serif;

  --tf-bg: #ffffff;
  --tf-bg-soft: #f7f8fa;
  --tf-surface: #ffffff;
  --tf-surface-muted: #f3f3f5;

  --tf-text: #21182d;
  --tf-text-strong: #12091f;
  --tf-text-muted: #595464;
  --tf-text-soft: #7d7788;

  --tf-border: #e4e1e8;
  --tf-border-soft: #eeeef2;

  --tf-status-on-order: #3f5a6d;
  --tf-status-cancelled: #a54242;
  --tf-status-plan: #9aa9a5;

  --tf-control-bg: #f1f1f3;
  --tf-control-bg-active: #ffffff;
  --tf-control-border: #e8e7ec;

  --tf-radius-sm: 8px;
  --tf-radius-md: 12px;
  --tf-radius-lg: 16px;
  --tf-radius-pill: 999px;

  background: var(--tf-bg);
  color: var(--tf-text);
  font-family: var(--tf-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.tf-ui-v2-style-arcade button,
.tf-ui-v2-style-arcade input,
.tf-ui-v2-style-arcade select,
.tf-ui-v2-style-arcade textarea {
  font-family: var(--tf-font-family);
}
/* TECHFIT_UI_V2_A2:THEME:END */