:root{
/* ---- base greys (text/strokes scale, from Foundations/Colors) ----
   Ramp is a straight-line OKLCH blend from --grey-100 to --bg-0, so the
   scale's dark end fades into the page ground instead of stopping short of
   it — grey-900 now equals --bg-0 exactly. ---- */
--grey-100:#eef0f1;--grey-200:#cdcfd0;--grey-300:#acaeaf;--grey-400:#8d8f90;
--grey-500:#6f7172;--grey-600:#525455;--grey-700:#37393a;--grey-800:#1e2021;--grey-900:#08090a;

/* ---- grounds: ONE ladder, darkest → lightest. Page chrome values from
   Buzz.dc.html (@def tokens.core); modal/glass are the two lifted surfaces. ---- */
--bg-sunk:#050607;     /* deepest inset — console/search well */
--bg-0:#08090a;        /* page ground */
--bg-1:#0c0d0e;        /* card row, chart panel */
--bg-2:#0e0f10;        /* table row, sidebar rail, hover surface */
--bg-modal:#0f1011;    /* lifted dialog */
--bg-glass:#131415;    /* transient blurred surface */
--bg-chart:#0c0d0e;    /* chart panel = --bg-1; the file's #131419 frame fill reads grey here */

/* ---- chart series inks — verbatim from /Elements/Charts. Bars are a solid
   12px cap over the same hue at 60%; lines are grey-100. Reported/estimate
   pairs are steel + terracotta; the single "latest cap" bar is indigo. ---- */
--chart-terracotta:#9b5b38;--chart-indigo:#6166dc;--chart-steel:#b6bec4;--chart-matcha:#eaec8a;
--chart-line:#eef0f1;--chart-grid:rgba(255,255,255,.06);--chart-grid-strong:rgba(255,255,255,.1);--chart-glow:rgba(255,255,255,.03);

/* ---- hairlines & overlays (alpha over white, per Buzz's "one tint" rule) ---- */
--line-1:rgba(255,255,255,.05);
--line-2:rgba(255,255,255,.1);
--line-3:rgba(255,255,255,.2);
--rule-solid:#28282c;   /* opaque divider / dashed-rule segment — 70x in the file */
--fill-0:rgba(255,255,255,.02);
--fill-1:rgba(255,255,255,.04);
--fill-2:rgba(255,255,255,.05);
--fill-3:rgba(255,255,255,.08);
--fill-hover:rgba(255,255,255,.1);
--fill-4:rgba(255,255,255,.16);   /* tag-chip fill strength */
--scrim-1:rgba(0,0,0,.25);

/* ---- brand accents (top-usage colors from METADATA.md) ---- */
--accent-terracotta:#c27c58;   /* 615x — primary brand accent */
--accent-matcha:#e9ec89;       /* 348x — secondary highlight */
--accent-info:#489ffa;         /* editorial/link blue seen across the kit */
--accent-info-bright:#71b3fb;  /* selected-item ring, SidebarIconElement */

/* ---- semantic (never re-themed) ---- */
--positive:#4dbe95;--positive-soft:rgba(77,190,149,.16);
--negative:#d84f68;--negative-soft:rgba(216,79,104,.16);

/* ---- tag palette — verbatim from Foundations `_Tag style` (9 Bg x 3 StrokeType).
   A chip paints its hue at 16% as fill, or as a 1px solid/dashed ring, and sets the
   label in the -ink value: four hues carry a lighter ink than their fill hue. ---- */
--tag-white:#ffffff;--tag-grey:#a7a7a9;--tag-orange:#c27c58;--tag-red:#c94961;--tag-purple:#c88fcf;
--tag-yellow:#e9ec89;--tag-green:#439f7f;--tag-berry:#7489b5;--tag-blue:#54bbf7;
--tag-white-ink:#ffffff;--tag-grey-ink:#868f97;--tag-orange-ink:#ea9c83;--tag-red-ink:#c94961;
--tag-purple-ink:#b27dd3;--tag-yellow-ink:#d7db80;--tag-green-ink:#439f7f;--tag-berry-ink:#7489b5;--tag-blue-ink:#54bbf7;

/* ---- text aliases ---- */
--text-primary:#ffffff;--text-secondary:rgba(255,255,255,.6);--text-tertiary:rgba(255,255,255,.4);
--text-disabled:rgba(255,255,255,.2);--text-on-accent:#0d0d0d;
}