/*
 * Omneus × EMAX Design System — tokens
 * Structure forked from the Omneus Design System; values re-skinned from
 * EMAX-MotorSports-TimingSheets-2CV (public/style.css) — dark slate panels,
 * EMAX orange accent, system UI type, rounded corners. components.css and
 * components.js are unchanged from Omneus: this file is the entire override
 * surface, same as the parent system intends.
 */

:root {
  /* accent — EMAX orange. --ds-accent-light is the colour you actually see:
     links, accent text, filled elements (progress fill, switch knob, checked
     box) — the same hex the EMAX logo artwork carries. --ds-accent is the
     pressed/hover shade (taken from the source project's own --accent-hover)
     and stays recessive: resting borders, tints, focus rings, not text.
     --ds-accent-pale is text sitting on an accent fill — the source project
     always pairs its orange fills with plain white button text rather than a
     tinted pale orange, so this token follows that rather than inventing a
     tint Omneus needed but EMAX doesn't use. */
  --ds-accent: #d96f14;
  --ds-accent-light: #f5821f;
  --ds-accent-pale: #ffffff;

  /* surface — flat, not the Omneus radial HUD glow: --ds-bg-radial matches
     --ds-bg exactly, which collapses components.css's radial-gradient body
     background to a flat fill without needing to touch that file. */
  --ds-bg: #0f1720;
  --ds-bg-radial: #0f1720;
  --ds-panel: #17212c;
  --ds-panel-border: #2a3541;
  --ds-input-bg: #0f1720;

  /* text */
  --ds-text: #e6edf3;
  --ds-text-dim: #8b98a5;

  /* status — danger/ok are the source project's own values verbatim. It has
     no warn/info status colours of its own (its accent already sits in
     orange, so status-warn can't reuse orange without reading as a link or
     button), so those two are chosen fresh: warn pushed to amber/yellow to
     stay clear of the accent, info kept as a cool slate blue matching the
     panel border's own undertone. */
  --ds-danger: #f85149;
  --ds-ok: #3fb950;
  --ds-warn: #d9a441;
  --ds-info: #3f8fbf;

  /* type — the source project uses one system-UI stack everywhere, no
     display/body split and no webfont. Both tokens point at the same stack;
     kept as two variables (rather than collapsed to one) only so a future
     component can still opt into a second face without a token rename. */
  --ds-font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ds-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  /* tracking is dialed down from Omneus's HUD spacing (0.15/0.2em): a system
     sans tracked out that wide stops looking intentional and starts looking
     broken. 0.03em matches the source project's own header letter-spacing. */
  --ds-tracking-wide: 0.03em;
  --ds-tracking-wider: 0.05em;

  /* shape — source project rounds corners (6px buttons/inputs, 8px cards);
     one shared token per the existing architecture, set to the cards' value
     since panels are the more prominent surface. */
  --ds-radius: 8px;

  /* spacing scale — generic, unchanged from Omneus */
  --ds-space-1: 0.35rem;
  --ds-space-2: 0.6rem;
  --ds-space-3: 1rem;
  --ds-space-4: 1.5rem;
  --ds-space-5: 2rem;
  --ds-space-6: 2.5rem;

  /* motion */
  --ds-transition: 0.2s ease;
}