/* ============================================================================
   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: #5c6779;

  /* --- accents: amber leads, cyan/blue support ------------------------- */
  --accent: #e8a33d;
  --accent-hi: #f2c37a;
  --accent-dim: rgba(232, 163, 61, 0.12);
  --at-blue: #2d7ff9;
  --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;
  --r-sm: 3px;
  --r: 4px;
  --r-lg: 8px;

  /* --- 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;
}