/* CMX V3 · One Signal, Drawn · design tokens
   Provenance: the instrument panel (surfaces, lamp states),
   the engineering drawing sheet (hairlines, dimensions),
   the perfectly set column of type (ink, measure, rhythm).
   Structured for the WordPress port: this file becomes the theme's
   single source of truth. Cyan is defined once, below, and nowhere else. */

:root {
  /* ground · matte instrument housing, cold near-black */
  --ground-0: oklch(14% 0.012 250);   /* page canvas */
  --ground-1: oklch(17.5% 0.014 250); /* raised panel */
  --ground-2: oklch(11% 0.01 250);    /* recessed well */

  /* the signal · electric cyan, defined once (brand #00d4ff) */
  --signal: oklch(79% 0.144 222);
  --signal-dim: oklch(from var(--signal) calc(l - 0.32) calc(c - 0.06) h); /* armed lamp, off state */
  --signal-ink: oklch(20% 0.04 222);  /* text on a lit cyan surface */

  /* ink · resting text always at full strength, AA by construction */
  --ink-hi: oklch(96% 0.005 250);     /* display, headings */
  --ink: oklch(88% 0.008 250);        /* body */
  --ink-2: oklch(74% 0.012 250);      /* microtype, captions: 7:1 on ground-0 */

  /* hairlines · drawing-sheet rules */
  --rule: oklch(32% 0.012 250);
  --rule-soft: oklch(24% 0.012 250);
  --rule-bright: oklch(48% 0.014 250);

  /* type · Inter variable for everything set, system mono for everything measured */
  --font-sans: "InterVariable", "Inter-fallback", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* fluid scale · engineering modular scale, clamp from 360 to 1920 */
  --text-xs: clamp(0.6875rem, 0.66rem + 0.12vw, 0.78rem);
  --text-s:  clamp(0.875rem, 0.85rem + 0.15vw, 0.975rem);
  --text-m:  clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --text-l:  clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);
  --text-xl: clamp(1.7rem, 1.35rem + 1.6vw, 2.8rem);
  --text-2xl: clamp(2.3rem, 1.7rem + 2.9vw, 4.4rem);
  --display:  clamp(2.6rem, 1.6rem + 5vw, 6.2rem);

  /* space · 8px base, fluid section rhythm kept dense */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: clamp(3.5rem, 2.5rem + 5vh, 6.5rem); /* between stations */

  /* the lane · room the signal travels in, left of content */
  --lane: clamp(2rem, 6vw, 5.5rem);
  --frame-inset: clamp(8px, 1.2vw, 14px);
  --content-max: 1120px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* motion · registration easing, drawn then exact */
  --ease-register: cubic-bezier(0.3, 0, 0.1, 1);
  --t-fast: 160ms;
  --t-med: 320ms;

  --radius: 2px; /* machined edge, near-square */
}