/* SENTINEL v12 — design tokens. The single source of truth for colour, type,
   space and motion. Components and views use these names only; a literal
   colour anywhere else is a bug.

   Concept: a watch floor at night. Dark instrument surfaces, one amber for
   "needs you", cyan for "live / link", and a severity ramp borrowed from an
   SDR waterfall. Type is chosen for legibility first: Atkinson Hyperlegible
   (Braille Institute) for reading, its mono twin for figures, and Newsreader
   for the few sentences that carry a judgement. */

:root {
  color-scheme: dark;

  /* ── surfaces ── */
  --ink:      #070b10;   /* page ground */
  --ink-2:    #04070b;   /* sunken: waterfall, code, inputs */
  --slate:    #0d141c;   /* raised panel */
  --slate-2:  #121b25;   /* hover / selected row */
  --rule:     #1c2733;   /* hairline */
  --rule-2:   #2a3846;   /* stronger edge, focusable outlines at rest */

  /* ── text ── (contrast on --ink: paper 16.9, fog 7.9, mist 6.1) */
  --paper:    #e8edf2;
  --fog:      #9aa8b7;
  --mist:     #8494a5;

  /* ── signal ── */
  --amber:    #f2b544;   /* needs your attention: your stack, deadlines, focus */
  --cyan:     #67cde6;   /* live, links, interactive */
  --ok:       #6fd39b;   /* healthy */

  /* ── severity (semantic; never used as decoration) ── */
  --sev-crit: #ff6b57;
  --sev-high: #ff9a4d;
  --sev-med:  #f2b544;
  --sev-low:  #67cde6;
  --sev-info: #8494a5;

  /* ── waterfall ramp (low → critical) ── */
  --ramp-0: #0f2747;
  --ramp-1: #1f5d9a;
  --ramp-2: #2fa8c9;
  --ramp-3: #e9d36b;
  --ramp-4: #ff6b57;

  /* ── type ── */
  --f-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-body:    "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --f-data:    "Atkinson Hyperlegible Mono", ui-monospace, "Cascadia Mono", "SFMono-Regular", Menlo, monospace;

  /* scale: 12 is the floor — nothing on the site is smaller */
  --t-12: 0.75rem;
  --t-13: 0.8125rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-18: 1.125rem;
  --t-22: 1.375rem;
  --t-28: 1.75rem;
  --t-36: 2.25rem;
  --t-hero: clamp(2rem, 1.15rem + 3vw, 3.5rem);

  --lh-tight: 1.12;
  --lh-snug:  1.3;
  --lh-body:  1.6;
  --track-label: 0.08em;

  /* ── space (4-pt) ── */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  --radius: 4px;
  --radius-lg: 10px;
  --wrap: 1400px;

  /* ── motion ── */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --t-fast: 160ms;
  --t-mid: 280ms;
  --t-slow: 600ms;

  /* ── elevation (drawers and palette only) ── */
  --shadow-float: 0 24px 64px -16px rgba(0, 0, 0, .7), 0 0 0 1px var(--rule-2);
}