/* ============================================================
   DESIGN TOKENS — the single source of truth for the palette.
   Nothing else in the app may hardcode a colour, radius, or
   font stack. If you need a new value, add a token here first.
   See docs/DESIGN-SYSTEM.md for what each group means.
   Light mode only: the organic-direction spec defines no dark theme.
   ============================================================ */
:root{
  --bg:#ffffff; --ink:#14151a; --dim:#4a4a48; --faint:#6d6d6a; --faint2:#dcdcda;
  --sep:color-mix(in srgb,#14151a 14%,transparent);
  --rule:color-mix(in srgb,#14151a 14%,transparent);
 
  --rule-hover2:color-mix(in srgb,#14151a 26%,transparent);
  --panel:#f2f2f0; --tint-bg:#f7f7f6; --tint-warm:#fafafa;
  --accent:#606C38; --accent-live:#4F5D2B;
  --good:#3f9144; --good-tint:#eaf6ea; --good-score:#2f7a34;
  --meh:#956000; --meh-tint:#fdf3e0; --meh-score:#956000;
  --bad:#cf2937; --bad-tint:#fcecee;
  --ink-rgb:20,21,26;
  --shadow:0 2px 5px rgba(0,0,0,0.04);
  --sans:'Figtree',system-ui,sans-serif;
  --display:'Caprasimo',Georgia,serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
  --r-pill:999px; --r-card:28px; --r-row:20px; --r-row-sm:16px;
}