/* Razel / TriStar dashboard stack — SHARED design tokens (Wave 3, 2026-07-24).
   Source of truth: marketing/deploy/design-system/tokens.css, extended with the
   legacy alias names the existing pages reference. Deployed identically to every
   layer as /theme.css. Pages link this BEFORE their inline <style>; their own
   :root blocks were stripped of every name declared here (a page :root may only
   declare vars NOT covered by this file — page-specific semantics like --hi/--lo,
   --danger, --crit stay local by design).
   Resolved on the warm palette: the cool-grey set (#fbfaf7/#e5e7eb/#6b7280) is
   retired; ONE family per status color (TSS Ops values won, per tokens.css). */
:root{
  /* Brand */
  --navy:#0d3255;
  --navy-700:#082441;
  --navy-900:#05192e;
  --gold:#d8a24a;
  --gold-dk:#a9812f;

  /* Neutrals — warm-biased toward the navy/paper world, not pure grey */
  --ink:#171e26;
  --body:#2a333d;
  --mut:#6f7681;
  --hint:#a7a49b;
  --line:#e7e4dc;     /* warm hairline */
  --bg:#f4f2ec;       /* warm ivory page */
  --card:#fff;
  --panel:#f6f8fb;

  /* Status — ONE family each */
  --ok:#067647;      --ok-bg:#e2f5e9;
  --bad:#b42318;     --bad-bg:#fde2e1;
  --warn:#9a6700;    --warn-bg:#fdf0d5;
  --info:#1849a9;    --info-bg:#e3edfb;
  --spec:#5b21b6;    --spec-bg:#ede9fe;

  /* Type */
  --font:Archivo,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;

  /* Radius */
  --r-card:10px;
  --r-pill:6px;
  --r-inline:4px;

  /* Legacy aliases → canonical (older pages reference these names) */
  --red:var(--bad);       --redbg:var(--bad-bg);   --red-bg:var(--bad-bg);
  --amber:var(--warn);    --amberbg:var(--warn-bg);
  --okbg:var(--ok-bg);    --infobg:var(--info-bg);
  --good:var(--ok);       --good-bg:var(--ok-bg);
  --vio:var(--spec);
}
