/* Tribune Technologies site tokens: Direction A ("Field Report") built as the commander's console.
   Panel and signal colors are the console's own (web/demo/src/hud/hud.css) and do not change with theme:
   the console is dark panels over a bright world. Only the page ground and the scene shade change. */

:root {
  /* Ground: what shows between scenes */
  --ground: #e7eae7;        /* snow */
  --ground-ink: #1b1f22;    /* graphite, for the rare text on the ground */
  --shade: rgb(20 24 21 / 0.78);  /* lower-third shade under a headline on a render */

  /* Console panels: same in both themes */
  --panel: #1b1e1b;
  --glass: rgb(20 24 21 / 0.86);  /* a panel laid over a render */
  --control: #2f342f;
  --track: #3a3f3a;
  --edge: rgb(236 230 210 / 0.14);
  --text: #e6e0cc;
  --muted: #a8a390;
  --focus: #f0ead8;

  /* Signals: one job each */
  --chosen: #e3c270;        /* the engine's choice, the one call to act */
  --bar: #7f9c6e;           /* measured bars and the scrub */
  --ok: #9fd18f;            /* decided, allowed */
  --warn: #e8925a;          /* fallback */
  --alert: #e8a88f;         /* link lost, refused */

  /* Type */
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-beat: clamp(2rem, 1rem + 4.2vw, 4.25rem);   /* 32 → 68: the two-beat line on a render */
  --text-figure: clamp(2.5rem, 1.6rem + 3vw, 4rem);  /* 40 → 64: figures in a panel */
  --text-ui: 0.875rem;      /* 14: panel text */
  --text-ui-strong: 0.9375rem; /* 15: names in a list */
  --text-meta: 0.75rem;     /* 12: verdicts, captions, sources, kbd */

  --leading-beat: 1.02;
  --leading-ui: 1.4;
  --tracking-beat: -0.02em;
  --tracking-badge: 0.06em;

  /* Space: the console's 4 px rhythm */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --hud-gap: 8px;           /* between panels, and from the scene's edge */
  --scene-gap: clamp(8px, 1vw, 16px); /* between scenes */

  /* Grid: the console's own areas */
  --page-max: 1600px;
  --col-panel: minmax(17rem, 24rem);
  --col-side: minmax(16rem, 22rem);

  /* Shape */
  --radius-panel: 0;
  --radius-card: 8px;       /* chips, cards, the picked row */
  --radius-pill: 999px;     /* badges, bars */

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --t-hover: 120ms;
  --t-rule: 240ms;
  --t-pick: 320ms;
  --t-step: 600ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #141714;
    --ground-ink: #e6e0cc;
    --shade: rgb(10 12 10 / 0.84);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ground: #141714;
  --ground-ink: #e6e0cc;
  --shade: rgb(10 12 10 / 0.84);
  color-scheme: dark;
}