:root{
  --brand-primary:#2456A6;
  --brand-primary-rgb:36,86,166;
  --brand-secondary:#475569;
  --brand-secondary-rgb:71,85,105;
  --brand-accent:#2456A6;
  --bg-surface:#FFFFFF;
  --bg-card:#F8FAFC;
  --bg-canvas:#F5F7FA;
  --text-main:#0F172A;
  --text-muted:#64748B;
  --text-on-primary:#FFFFFF;
  --border-subtle:#E2E8F0;
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --shadow-card:0 4px 18px rgba(15,23,42,.05);
  --shadow-elevated:0 24px 70px rgba(15,23,42,.16);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
}
html[data-color-mode="dark"]{
  --bg-surface:#0B0F19;
  --bg-card:#111827;
  --bg-canvas:#070B12;
  --text-main:#F9FAFB;
  --text-muted:#9CA3AF;
  --border-subtle:#1F2937;
  --shadow-card:0 4px 18px rgba(0,0,0,.20);
  --shadow-elevated:0 24px 70px rgba(0,0,0,.36);
}
body{background:var(--bg-canvas);color:var(--text-main)}
button,input,select,textarea{font:inherit}