/* Approved reference palette. All component colors resolve through these tokens. */
:root{
 --page:#fff;--surf:#fff;--surf2:#f8fafc;--ink:#0f172a;--tx:#334155;--mut:#5b6b82;
 --line:#e2e8f0;--bl:#7a8799;--dash:#718096;--acc:#2f5bea;--acc2:#1e40af;--acct:#2f5bea;
 --soft:#eef2ff;--ok:#16a34a;--okt:#15803d;--okbg:#f0fdf4;--okbd:#bbf7d0;--hov:#f8faff;
 --chip:#f1f5f9;--top1:#f1f5ff;--grid:#eaf0fb;--cdb:#8c9ac4;--hovb:#64748b;
 --cv1:#eef2ff;--cv2:#f8fafc;--ctabg:#0f172a;--on-accent:#fff;--cta-copy:#b4c0d3;
 --avatar-1:#2f5bea;--avatar-2:#0e7490;--avatar-3:#7c3aed;--avatar-4:#c2410c;
 --danger:#b42332;--danger-bg:#fff1f2;--warning:#805500;--warning-bg:#fff8e6;--mask-ink:#000;
 --shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 24px 60px #1e295a29;
 --reference-color-1:rgba(15,23,42,.2);--reference-color-2:rgba(255,255,255,.25);--reference-color-3:rgba(15,23,42,.05);
 --reference-color-4:rgba(30,64,175,.4);--reference-color-5:rgba(255,255,255,.2);--reference-color-6:rgba(15,23,42,.04);
 --reference-color-7:rgba(30,41,90,.16);--reference-color-8:rgba(22,163,74,.18);--reference-color-9:rgba(22,163,74,0);
 --reference-color-10:rgba(30,41,90,.2);--reference-color-11:rgba(47,91,234,.3);--reference-color-12:rgba(47,91,234,.45);
 --reference-color-13:#b4c0d3;--legacy-control-color-1:rgb(255, 255, 255);--legacy-control-color-2:rgba(16,185,129,.25);--legacy-control-color-3:rgba(16,185,129,.28);--legacy-control-color-4:rgba(0,0,0,0);--legacy-control-color-5:rgba(37, 99, 235, 0.58);--legacy-control-color-6:rgba(37,99,235,.12);--legacy-control-color-7:rgba(37, 99, 235, 0.45);--legacy-control-color-8:rgb(248, 251, 255);--legacy-control-color-9:rgba(255,255,255,.18);--legacy-control-color-10:rgb(236, 253, 245);--legacy-control-color-11:rgb(4, 120, 87);--legacy-control-color-12:rgb(255, 251, 235);--legacy-control-color-13:rgb(180, 83, 9);--legacy-control-color-14:rgb(254, 242, 242);--legacy-control-color-15:rgb(185, 28, 28);--legacy-control-color-16:rgba(15,23,42,.16);--legacy-control-color-17:rgba(37,99,235,.08);--legacy-control-color-18:rgb(167, 243, 208);--legacy-control-color-19:rgba(15, 23, 42, 0.28);--legacy-control-color-20:rgba(37,99,235,.11);--legacy-control-color-21:rgba(255, 255, 255, 0.12);--legacy-control-color-22:rgb(15, 23, 42);--legacy-control-color-23:rgba(15,23,42,.22);--legacy-control-color-24:rgba(15, 23, 42, 0.32);--legacy-control-color-25:#10b981;--legacy-control-color-26:rgb(226, 232, 240);--legacy-control-color-27:rgb(203, 213, 225);--legacy-control-color-28:#0f172a06;--legacy-control-color-29:rgb(248, 250, 252);--legacy-control-color-30:rgb(240, 253, 248);--legacy-control-color-31:rgb(110, 231, 183);--legacy-control-color-32:rgb(234, 250, 243);--legacy-control-color-33:rgb(30, 41, 59);--legacy-control-color-34:rgb(100, 116, 139);--legacy-control-color-35:rgb(241, 245, 249);--legacy-control-color-36:rgb(224, 242, 233);--legacy-control-color-37:rgb(71, 102, 90);--legacy-control-color-38:rgb(255, 241, 242);--legacy-control-color-39:rgb(190, 18, 60);--legacy-control-color-40:rgb(255, 228, 230);--legacy-control-color-41:rgb(254, 205, 211);--legacy-control-color-42:rgb(159, 18, 57);--legacy-control-color-43:rgb(16, 185, 129);--legacy-control-color-44:rgb(5, 150, 105);--legacy-control-color-45:#0f172a33;--legacy-control-color-46:rgb(225, 29, 72);--legacy-control-color-47:#94a3b8;--legacy-control-color-48:#0f172a26;color-scheme:light;
}
:root[data-theme="dark"]{
 --page:#0a101f;--surf:#111a2e;--surf2:#0d1527;--ink:#f1f5f9;--tx:#cbd5e1;--mut:#9aa9bf;
 --line:#26324a;--bl:#5f7199;--acc:#3b66f0;--acc2:#2f55d8;--acct:#9db4ff;--soft:#17255a;
 --ok:#22c55e;--okt:#4ade80;--okbg:#0f2a1c;--okbd:#1f6b3a;--hov:#16213a;--chip:#1a2540;
 --top1:#0f1a38;--grid:#1a2540;--dash:#5b6b86;--cdb:#3b4f8f;--hovb:#5b6e99;--cv1:#111c3a;--cv2:#0d1527;--ctabg:#16203a;
 --danger:#ff9aa8;--danger-bg:#3d1e2b;--warning:#f5cd79;--warning-bg:#342918;
 --shadow-sm:0 1px 2px #0004;--shadow-md:0 8px 24px #0005;--shadow-lg:0 24px 60px #0008;color-scheme:dark;
}
/* Bridge existing page-specific semantic names to the single reference palette. */
:root,:root[data-theme],html body,html[data-theme] body{
 --border:var(--line);--brand:var(--acc);--bg:var(--page);--surface:var(--surf);--surface-2:var(--surf2);--surface-3:var(--chip);--text:var(--ink);--text-2:var(--tx);--muted:var(--mut);
 --line-strong:var(--bl);--primary:var(--acct);--primary-600:var(--acct);--primary-50:var(--soft);--primary-100:var(--soft);--accent:var(--acct);--accent-600:var(--acct);
 --green:var(--acct);--green-dark:var(--acct);--green-soft:var(--soft);--red:var(--danger);--red-soft:var(--danger-bg);--amber:var(--warning);--amber-soft:var(--warning-bg);--blue:var(--acct);--blue-soft:var(--soft);
 --seo-bg:var(--page);--seo-card:var(--surf);--seo-text:var(--ink);--seo-muted:var(--mut);--seo-line:var(--line);--seo-accent:var(--acct);--seo-accent-dark:var(--acct);--seo-soft:var(--soft);--seo-subtle:var(--surf2);--seo-header-bg:var(--surf);--seo-shadow:var(--shadow-md);
 --wm-bg:var(--page);--wm-card:var(--surf);--wm-text:var(--ink);--wm-muted:var(--mut);--wm-line:var(--line);--wm-accent:var(--acct);--wm-soft:var(--soft);--wm-shadow:var(--shadow-md);
 --pay-bg:var(--page);--pay-card:var(--surf);--pay-text:var(--ink);--pay-muted:var(--mut);--pay-line:var(--line);--pay-accent:var(--acct);
 --font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--radius-card:16px;--radius-btn:9px;
}