/* shared/tokens.css — derived from DESIGN.md §2. Do not edit without changing DESIGN.md. */
:root {
  color-scheme: dark;

  /* panel */
  --panel:        #121518;  /* page ground: graphite panel */
  --strip:        #191D21;  /* channel strip / raised panel */
  --rule:         #2A2F35;  /* hairlines, 1px */
  --rule-strong:  #3A4148;  /* active hairline, plate edges */

  /* legend ink (contrast on --strip, AA) */
  --legend:       #E6E1D6;  /* 13.0:1  primary text */
  --legend-dim:   #A39E94;  /*  6.4:1  secondary text, units */
  --legend-faint: #8E8A82;  /*  4.9:1  timestamps, IDs (smallest legal text tone) */
  --inactive:     #6E6B65;  /*  3.2:1  NON-TEXT ONLY: off lamps, disabled outlines */

  /* semantic lamps (the only chromatic colors in the shell) */
  --nominal:      #5FC9C0;  /* ok / live / connected */
  --caution:      #F2B33D;  /* warn / seeded / recorded / pending */
  --fault:        #FF3B3F;  /* error / REC / the red pill. 4.8:1 on --strip */

  /* the white Construct: used ONLY inside the program-load beat */
  --construct:    #F4F3EF;
  --construct-ink:#111111;

  /* TRINITY voice lamps: from the repo's YAML. NON-TEXT ONLY (lamps, meters) */
  --voice-aria:   #4A90D9;
  --voice-echo:   #9B59B6;
  --voice-nexus:  #27AE60;

  /* type */
  --font-ui:   "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --wdth-legend: 75;   /* font-variation-settings "wdth" for labels */
  --wdth-body:   100;

  --fs-id:    0.6875rem; /* 11px  IDs, units, timestamps (mono) */
  --fs-small: 0.8125rem; /* 13px  legends, status line, log */
  --fs-body:  0.9375rem; /* 15px  body */
  --fs-read:  1.0625rem; /* 17px  long-form reading (case studies) */
  --fs-h3:    1.125rem;  /* 18px */
  --fs-h2:    1.5rem;    /* 24px */
  --fs-h1:    2rem;      /* 32px  page title. Nothing on the site is larger, except the gate's 44px question */
  --fs-gate:  2.75rem;   /* 44px  gate only */
  --lh-tight: 1.15;
  --lh-ui:    1.35;
  --lh-read:  1.6;

  /* space: 4px base. Use only these. */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --gutter: max(16px, env(safe-area-inset-left));
  --measure: 68ch;

  /* shape */
  --radius: 0;           /* everything */
  --radius-plate: 2px;   /* asset tag plates only */
  --hair: 1px;
  --lamp: 8px;           /* status lamp diameter */

  /* motion */
  --t-quick: 120ms;   /* hover/focus/press feedback */
  --t-move:  180ms;   /* guard cover, panel open */
  --t-beat:  200ms;   /* white Construct hold (min) */
  --ease:    cubic-bezier(.2, 0, 0, 1);  /* instrument settle: fast in, no overshoot */
  --blink:   1000ms;  /* REC lamp period. Real CCTV rate */
  --caret:   1060ms;  /* terminal caret period */
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-quick: 0ms; --t-move: 0ms; --t-beat: 0ms; }
}