/* ============================================================
   RD-ALL — DESIGN TOKENS (grey monochrome + graphite accent)
   Single source of truth. Loaded LAST so it drives the legacy --hx-* vars.
   ============================================================ */
:root{
  /* ---- core palette (light) ---- */
  --bg:#F6F7F8; --surface:#FFFFFF; --surface-2:#EDEFF1;
  --ink:#14161A; --text:#3A3F46; --muted:#6B7178; --line:#DFE2E6;
  --accent:#2D3138; --accent-2:#1F2329;        /* graphite — buttons / active */
  --accent-soft:#8A9099;
  --radius:14px; --shadow:0 4px 20px rgba(0,0,0,.08);

  /* ---- dark set (reserved; no toggle for now) ---- */
  --bg-d:#0E0F11; --surface-d:#16181C; --surface-2-d:#1E2126;
  --ink-d:#F2F3F5; --text-d:#C4C8CD; --muted-d:#878D94; --line-d:#272B31;

  /* ---- fonts ---- */
  --font-head:'Space Grotesk','Sora',-apple-system,Segoe UI,Roboto,sans-serif;
  --font-body:'Inter',-apple-system,Segoe UI,Roboto,sans-serif;

  /* ---- remap legacy hx-* tokens to the new palette so existing rules adopt it ---- */
  --hx-bg:var(--bg); --hx-card:var(--surface); --hx-ink:var(--ink);
  --hx-mut:var(--text); --hx-soft:var(--muted); --hx-line:var(--line);
  --hx-accent:var(--accent); --hx-accent-d:var(--accent-2);
  --hx-head:var(--font-head); --hx-body:var(--font-body);
}