/* tokens.css — registry ① of four (SPEC-ui-framework.md §1).
 *
 * 🔴 EVERY colour, spacing step, radius and font in this application lives
 * here. NO HEX CODE EXISTS ANYWHERE ELSE (ARCHITECTURE.md §8, D-079). A colour
 * literal in a component is invisible until you try to restyle and find it in
 * ninety places.
 *
 * Changing the header colour is one line. That is the standard every other
 * registry is held to.
 *
 * Light and dark are validated INDEPENDENTLY against their own surface. Dark is
 * never an automatic inversion of light — an inverted palette produces text
 * nobody can read on the surfaces that matter.
 *
 * Palette copied verbatim from docs/_reference/ops-mockup.html, which Mason has
 * seen and approved. Do not re-derive it.
 */

:root{
  /* — brand: taken from the actual logo SVG, not from a doc — */
  --brand-orange:#F64409;   /* the mark */
  --brand-ink:#0A0E1A;      /* the wordmark */
  --brand-grey:#6D6E72; --brand-grey-light:#B3B3B5;

  /* — surfaces & ink (light) — */
  --surface:#FCFCFB; --surface-raised:#FFFFFF; --surface-sunken:#F5F7FA;
  --border:#E4E8EE;
  --ink:#111A28; --ink-secondary:#4A5568; --ink-muted:#8B95A7;

  /* — the header. ONE LINE. — */
  --header-bg:var(--brand-ink); --header-ink:#FFFFFF; --header-ink-muted:#9AA0AC;

  /* — chart series. VALIDATED: passes lightness, chroma, CVD, contrast — */
  --series-1:#F64409; --series-2:#1864AB; --series-3:#087F5B; --series-4:#7048E8;

  /* — status. Reserved. Never reused as a series colour. — */
  --good:#087F5B; --warning:#F59F00; --serious:#E8590C; --critical:#C92A2A;

  /* — shape & type — */
  --radius:10px; --radius-sm:6px; --gap:20px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;
  --font-num:ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.05);
}

[data-theme="dark"]{
  --surface:#0A0E1A; --surface-raised:#141924; --surface-sunken:#0d1220;
  --border:#252C3A;
  --ink:#EDEFF3; --ink-secondary:#AEB4C0; --ink-muted:#6D6E72;
  --header-bg:#05080F; --header-ink:#FFFFFF; --header-ink-muted:#8A8F9A;
  --series-1:#F64409; --series-2:#4C8DFF; --series-3:#0CA678; --series-4:#9775FA;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.25);
}