/*
  ImmyHire design tokens — single source of truth for both the Hiring and
  Internal Mobility modules. Imported by every template; no template should
  define its own :root color/spacing/radius palette.
*/

:root {
  /* ---------- surfaces ---------- */
  --color-bg: #0A0B0D;           /* page background */
  --color-bg-inset: #111318;     /* sidebar / topbar chrome */
  --color-surface: #181B22;      /* cards, panels — visibly lighter than page */
  --color-surface-2: #1E2230;    /* modals, popovers, dropdowns — second elevation */

  /* ---------- border ---------- */
  --color-border: rgba(255,255,255,0.07);
  --color-border-strong: rgba(255,255,255,0.12);

  /* ---------- text ---------- */
  --color-text-primary: #F0EEE8;
  --color-text-secondary: #9A9BA6;
  --color-text-muted: #7A7C89;   /* lightened from legacy #5C5E6B / #6b6a63 — the old
                                     value read ~3:1 against --color-bg, below WCAG AA
                                     (4.5:1) for normal text; this hits ~4.8:1. */
  --color-on-accent: #06110E;    /* text/icons placed on top of the accent color */

  /* ---------- brand accent (teal — the ONE brand color) ---------- */
  --color-accent: #00E5BE;
  --color-accent-hover: #00C4A3;
  --color-accent-subtle: rgba(0,229,190,0.08);
  --color-accent-subtle-strong: rgba(0,229,190,0.15);
  --color-accent-border: rgba(0,229,190,0.35);

  /* ---------- semantic ---------- */
  --color-success: #00E5BE;
  --color-success-subtle: rgba(0,229,190,0.1);
  --color-success-border: rgba(0,229,190,0.35);

  --color-warning: #F5A623;
  --color-warning-hover: #D68F1C;
  --color-warning-subtle: rgba(245,166,35,0.12);
  --color-warning-border: rgba(245,166,35,0.35);

  --color-danger: #FF4D4D;
  --color-danger-subtle: rgba(255,77,77,0.1);
  --color-danger-border: rgba(255,77,77,0.35);

  /* ---------- data-category accents (reused across Hiring score/trait UI) ---------- */
  --color-personality: #7C6FF7;
  --color-good: #A8CC44;

  /* ---------- decision-quality bands (Decision Lab judgment) ----------
     Distinct from --color-success/warning/danger on purpose: those are
     app-wide status semantics (saved/pending/error), these are a specific
     4-point quality scale (+ neutral) that must stay visually distinct
     from each other, including "defensible" vs "mixed" which previously
     both mapped to the same warning color. */
  --band-sound: #4fb894;
  --band-sound-subtle: #0f2a20;
  --band-defensible: #3d94c9;
  --band-defensible-subtle: #0f2733;
  --band-mixed: #e0a75e;
  --band-mixed-subtle: #2a2210;
  --band-concerning: #d67a6f;
  --band-concerning-subtle: #2a1310;
  --band-neutral: #565c62;
  --band-neutral-subtle: #17191c;

  /* ---------- typography ---------- */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  --fs-display: 2.2rem;  --lh-display: 1.15; --fw-display: 400;
  --fs-h1: 1.8rem;       --lh-h1: 1.25;      --fw-h1: 400;
  --fs-h2: 1.3rem;       --lh-h2: 1.3;       --fw-h2: 500;
  --fs-h3: 1.05rem;      --lh-h3: 1.35;      --fw-h3: 500;
  --fs-body: 0.9rem;     --lh-body: 1.6;     --fw-body: 400;
  --fs-small: 0.82rem;   --lh-small: 1.5;    --fw-small: 400;
  --fs-caption: 0.7rem;  --lh-caption: 1.4;  --fw-caption: 600;

  /* ---------- spacing (4/8px scale) ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ---------- radius ---------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---------- layout ---------- */
  --sidebar-w: 240px;
  --topbar-h: 60px;

  /* ---------- elevation ---------- */
  --shadow-card: 0 1px 3px rgba(0,0,0,0.4), 0 8px 32px rgba(0,0,0,0.3);
  --shadow-float: 0 4px 24px rgba(0,0,0,0.5);

  /* ---------- motion ---------- */
  --transition: 0.18s cubic-bezier(0.4,0,0.2,1);
}

/* Shared utility for numeric columns (Part 2/5: tabular figures in tables/stat cards) */
.tabular-nums {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}