/* ============================================================================
   Design tokens — the single source of truth for the whole site.
   Palette and motion lifted from the AI Referral Triage report so every page
   reads as one system. Nothing here selects an element; only variables.
   ========================================================================== */

:root {
  /* --- surfaces: ink-navy, four steps of elevation -------------------- */
  --bg: #0a0e14;
  --bg-raised: #111722;
  --bg-raised-2: #161d2b;
  --bg-raised-3: #1b2434;
  --border: #232c3d;
  --border-hi: #33405a;

  /* --- text ------------------------------------------------------------ */
  --fg: #d8dee9;
  --fg-hi: #f0f4fa;
  --muted: #939eb0;
  --dim: #788599;   /* 4.5:1 on --bg-raised-2, 5.2:1 on --bg (WCAG AA). Was #5c6779 at 2.95:1, which failed even the large-text floor. */

  /* --- accents: amber leads, cyan/blue support ------------------------- */
  --accent: #e8a33d;
  --accent-hi: #f2c37a;
  --accent-dim: rgba(232, 163, 61, 0.12);
  --at-blue: #2f81f9;  /* 4.5:1 on the lightest surface (WCAG AA) */
  --at-cyan: #18bfff;
  --at-yellow: #fcb400;
  --on-accent: #14100a; /* text on an amber fill */

  /* --- semantic -------------------------------------------------------- */
  --good: #3fb950;
  --warn: #e8a33d;
  --crit: #f85149;
  --good-dim: rgba(63, 185, 80, 0.12);
  --crit-dim: rgba(248, 81, 73, 0.12);

  /* --- type ------------------------------------------------------------ */
  --sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --mono: "DM Mono", "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  --t-eyebrow: 0.7rem;
  --t-micro: 0.66rem;
  --t-small: 0.78rem;
  --t-body: 0.94rem;
  --t-lede: 1.02rem;
  --t-h3: 1.15rem;
  --t-h2: 1.6rem;
  --t-h1: clamp(1.9rem, 1.2rem + 2.6vw, 3.1rem);
  --t-num: clamp(1.8rem, 1.3rem + 1.6vw, 2.4rem);

  --track-wide: 0.16em;
  --track-mid: 0.1em;

  /* --- space + shape ---------------------------------------------------- */
  --max: 1300px;
  --gut: clamp(1.1rem, 0.6rem + 2vw, 2.5rem);
  --nav-h: 78px;
  /* Squared corners throughout, matching the report aesthetic. Radii are kept
     as tokens rather than deleted so genuinely round things (status dots,
     avatars, pills) can still opt in explicitly. */
  --r-sm: 0;
  --r: 0;
  --r-lg: 0;
  --r-pill: 100px;

  /* --- layered, colour-tinted shadows (never flat black) ---------------- */
  --sh-card: 0 1px 2px rgba(5, 8, 13, 0.6), 0 8px 24px -12px rgba(5, 8, 13, 0.9);
  --sh-lift: 0 2px 4px rgba(5, 8, 13, 0.5), 0 18px 40px -18px rgba(232, 163, 61, 0.18),
    0 12px 28px -20px rgba(45, 127, 249, 0.22);
  --sh-glow-accent: 0 0 0 1px var(--accent), 0 0 22px -6px rgba(232, 163, 61, 0.45);

  /* --- motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast: 0.15s;
  --d-mid: 0.28s;
  --d-slow: 0.6s;
}