*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
/* White & Violet (DESIGN.md). Legacy token names are retained for callers.
   --w is the lavender canvas; --off is the white content surface. */
:root{
  --w:#f5f0ff;--off:#ffffff;--off2:#eee6fc;
  --rule:rgba(32,18,56,0.10);--rule2:rgba(32,18,56,0.18);--rule3:rgba(32,18,56,0.38);
  --ink:#201238;--ink2:#493b60;--ink3:#685a7c;--ink4:#716185;
  /* Solid pale status surfaces keep contrast consistent on white and lavender. */
  --red:#9e1e16;--red-lt:#fce9e7;
  --green:#0f6b3a;--green-lt:#e6f5ec;
  --blue:#2247b8;--blue-lt:#e8efff;
  --amber:#6d4a00;--amber-lt:#fff3d6;
  --purple:#6d28d9;--purple-lt:#f0e8ff;
  --accent:var(--purple);
  --cyan:#2247b8;--cyan-lt:#e8efff;
  --escalate:#7d1580;--escalate-lt:#f8e7fa;
  --red-bd:rgba(158,30,22,0.34);--green-bd:rgba(15,107,58,0.34);
  --amber-bd:rgba(109,74,0,0.34);--cyan-bd:rgba(34,71,184,0.34);
  --blue-bd:rgba(34,71,184,0.34);
  --red-wash:rgba(158,30,22,0.05);
  --cta:#6d28d9;--cta-ink:#ffffff;--cta-hover:#5b21b6;
  --gold:#f5c400;
  --r:10px;--r2:16px;--r-card:24px;--r-pill:999px;
  --font-sans:'Inter',sans-serif;
  --font-serif:var(--font-sans);
  --font-mono:'DM Mono',monospace;
}
body{font-family:var(--font-sans);background:var(--w);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
/* ── Scrollbars ── */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--rule3);border-radius:2px}

/* Keep keyboard location visible on canvas and content surfaces. */
:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:var(--purple)}