:root{
  --brand-primary:#0B1F45;
  --brand-secondary:#00C7D9;
  --brand-accent:#F5A623;

  --success:#16A34A;
  --warning:#F59E0B;
  --danger:#EF4444;
  --info:#0EA5E9;

  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;

  --display-lg:40px; --heading-xl:32px; --heading-lg:24px; --heading-md:20px;
  --body-lg:18px; --body-md:16px; --body-sm:14px; --label-xs:12px;
  --lh-tight:1.2; --lh-normal:1.4; --lh-relaxed:1.55;

  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

  --dur-fast:160ms; --dur:200ms; --dur-slow:240ms;
  --ease:cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Light */
:root[data-theme="light"]{
  --surface-default:#F7F9FC;
  --surface-elevated:#FFFFFF;
  --surface-overlay:#FFFFFF;

  --border-subtle:#D4D9E2;
  --border-strong:#B8C0CE;

  --text-primary:#0B1020;
  --text-secondary:#4B5563;
  --text-muted:#6B7280;
  --text-onBrand:#FFFFFF;

  --link:var(--brand-primary);

  --shadow-sm:0 1px 2px rgba(15, 23, 42, 0.10);
  --shadow-md:0 10px 28px rgba(15, 23, 42, 0.14);

  --focus-ring:0 0 0 3px rgba(0, 199, 217, 0.22);
}

/* Dark */
:root[data-theme="dark"]{
  --surface-default:#050814;
  --surface-elevated:#0B1020;
  --surface-overlay:#111827;

  --border-subtle:#1F2933;
  --border-strong:#2A3645;

  --text-primary:#F9FAFB;
  --text-secondary:#E5E7EB;
  --text-muted:#9CA3AF;
  --text-onBrand:#FFFFFF;

  --link:var(--brand-secondary);

  --shadow-sm:0 0 0 rgba(0,0,0,0);
  --shadow-md:0 0 0 rgba(0,0,0,0);

  --focus-ring:0 0 0 3px rgba(0, 199, 217, 0.22);
}