:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;

--font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--text-xs:12px;
--text-sm:14px;
--text-md:16px;
--text-lg:18px;
--text-xl:22px;
--text-2xl:28px;
--leading-tight:1.25;
--leading-body:1.5;

--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:var(--r);
--radius-pill:999px;

--elev-1:var(--shadow);
--elev-2:var(--shadow-h);
--elev-3:0 8px 16px rgba(16,24,40,.08),0 24px 48px rgba(16,24,40,.16);

--ok:#16a34a;
--ok-soft:#e7f6ec;
--ok-ink:#11693a;
--warn:#d97706;
--warn-soft:#fff3df;
--warn-ink:#8a4b05;
--bad:#b00020;
--bad-soft:#fdecee;
--bad-ink:#b00020;
--info:#1d9bf0;
--info-soft:#e4f2fd;
--info-ink:#0b5f99;
}
:root[data-mode="dark"]{
--elev-3:0 8px 16px rgba(0,0,0,.5),0 24px 48px rgba(0,0,0,.55);
--ok:#22c55e;
--ok-soft:#12301f;
--ok-ink:#6fdc98;
--warn:#f59e0b;
--warn-soft:#33250c;
--warn-ink:#f5b84a;
--bad:#ff5a6e;
--bad-soft:#3a1820;
--bad-ink:#ff8a98;
--info:#3aa9f5;
--info-soft:#0f2a40;
--info-ink:#6bbcf5;
}