:root{
--bg:#f4f6f9;
--surface:#ffffff;
--surface-2:#f4f4f5;
--surface-3:#fafafb;
--border:#e4e4e7;
--border-strong:#d4d4d8;
--card-bg:#f4f6f9;
--field-in:#f5f9ff;
--ink:#18181b;
--ink-muted:#71717a;
--ink-faint:#9ca3af;
--on-accent:#ffffff;
--accent:#4f7ef8;
--accent-hover:#3b6ef0;
--accent-light:#eef2ff;
--accent-bd:#c7d7fd;
--info:#1565c0;
--green:#16a34a;
--green-deep:#15803d;
--green-light:#dcfce7;
--green-bd:#bbf7d0;
--green-ink:#166534;
--ok:#2e7d32;
--red:#dc2626;
--red-deep:#b91c1c;
--red-light:#fee2e2;
--red-bd:#fecaca;
--red-ink:#991b1b;
--danger:#d32f2f;
--orange:#ea580c;
--orange-deep:#c2410c;
--warn-bg:#fff7ed;
--warn-bd:#fed7aa;
--gold:#d97706;
--violet:#6d28d9;
--violet-deep:#7c3aed;
--violet-light:#ede9fe;
--violet-bd:#ddd6fe;
--rank1-bg:#fef9c3; --rank1-bd:#fde047; --rank1-tx:#92400e;
--rank2-bg:#f3f4f6; --rank2-bd:#d1d5db; --rank2-tx:#374151;
--rank3-bg:#fef3c7; --rank3-bd:#fcd34d; --rank3-tx:#78350f;
--rank4-bg:#eff6ff; --rank4-bd:#bfdbfe; --rank4-tx:#1d4ed8;
--bronze:#cd7f32;
--radius:10px;
--radius-sm:6px;
--radius-xs:4px;
--shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.04);
--overlay:rgba(0,0,0,0.35);
color-scheme:light;
}
:root[data-theme="dark"]{
--bg:#14161b;
--surface:#1c2028;
--surface-2:#252a33;
--surface-3:#21252d;
--border:#2e343d;
--border-strong:#3d444f;
--card-bg:#171b22;
--field-in:#1a2233;
--ink:#e6e8ec;
--ink-muted:#9aa2ae;
--ink-faint:#6f7784;
--on-accent:#10131a;
--accent:#6d94ff;
--accent-hover:#8aa9ff;
--accent-light:#1d2740;
--accent-bd:#2f3d5e;
--info:#60a5fa;
--green:#34d399;
--green-deep:#6ee7b7;
--green-light:#16301f;
--green-bd:#245c3c;
--green-ink:#86efac;
--ok:#4ade80;
--red:#f87171;
--red-deep:#fca5a5;
--red-light:#3a1c1c;
--red-bd:#6b2a2a;
--red-ink:#fca5a5;
--danger:#f87171;
--orange:#fb923c;
--orange-deep:#fdba74;
--warn-bg:#2b1d10;
--warn-bd:#4a3418;
--gold:#fbbf24;
--violet:#a78bfa;
--violet-deep:#c4b5fd;
--violet-light:#262040;
--violet-bd:#3a3163;
--rank1-bg:#3a3312; --rank1-bd:#6b5d16; --rank1-tx:#fcd34d;
--rank2-bg:#2a2f38; --rank2-bd:#454c58; --rank2-tx:#cbd5e1;
--rank3-bg:#3a2c12; --rank3-bd:#6b5320; --rank3-tx:#fbbf24;
--rank4-bg:#1b2740; --rank4-bd:#33456b; --rank4-tx:#93b4ff;
--bronze:#e0a86a;
--shadow:0 1px 3px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.35);
--shadow-md:0 4px 10px rgba(0,0,0,0.45),0 2px 4px rgba(0,0,0,0.35);
--overlay:rgba(0,0,0,0.6);
color-scheme:dark;
}