:root {
 --color-blue:#224ed1; --color-blue-hover:#193ba5; --color-green:#68ef98; --color-red:#ed3c27; --color-cream:#faeadc; --color-ink:#1d1d1b;
 --bg:#f7f1e9; --surface:#fffdfa; --surface-subtle:#f0e9df; --text:#1d1d1b; --text-muted:#756d64; --border:#e7ded3; --action:var(--color-blue); --action-hover:var(--color-blue-hover); --on-action:#fff;
 --navigation-bg:#1d1d1b; --navigation-text:#eee7de; --selection:var(--color-green); --on-selection:var(--color-ink); --canvas:#171716;
 --success:#157440; --success-bg:#e8f9ee; --danger:#b92c20; --danger-bg:#fff0ed; --warning:#805208; --warning-bg:#fff7df; --info-bg:#edf1ff; --focus:#224ed1;
 --font-sans:'Inter','Segoe UI',Arial,sans-serif; --font-mono:'Cascadia Code','Consolas',monospace;
 --text-xs:.75rem; --text-sm:.875rem; --text-md:1rem; --text-lg:1.25rem; --text-xl:1.75rem; --text-display:3.25rem;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
 --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --radius-xl:12px; --radius-full:999px;
 --shadow-sm:0 1px 2px #1d1d1b04; --shadow-md:0 6px 20px #1d1d1b0d; --shadow-lg:0 16px 48px #1d1d1b26;
 --duration:180ms;
}