:root{
  --color-primary:#2563EB;
  --color-primary-dark:#1D4ED8;
  --color-primary-darker:#1E40AF;
  --color-navy:#173B75;
  --color-light-blue:#EFF6FF;
  --color-white:#FFFFFF;
  --color-text:#172033;
  --color-text-muted:#64748B;
  --color-border:#E2E8F0;
  --color-border-strong:#CBD5E1;
  --color-success:#16A34A;
  --color-warning:#D97706;
  --color-error:#DC2626;
  --color-bg:#FFFFFF;
  --color-bg-subtle:#F8FAFC;
  --color-bg-muted:#F1F5F9;

  --font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  --fs-xs:0.75rem;
  --fs-sm:0.875rem;
  --fs-base:1rem;
  --fs-lg:1.125rem;
  --fs-xl:1.25rem;
  --fs-2xl:1.5rem;
  --fs-3xl:1.875rem;
  --fs-4xl:2.25rem;
  --fs-5xl:3rem;
  --fs-6xl:3.75rem;

  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-20:5rem;
  --space-24:6rem;

  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:20px;
  --radius-full:9999px;

  --shadow-sm:0 1px 2px rgba(23,32,51,.06);
  --shadow-md:0 4px 12px rgba(23,32,51,.08);
  --shadow-lg:0 12px 32px rgba(23,32,51,.10);
  --shadow-focus:0 0 0 4px rgba(37,99,235,.18);

  --container-max:1200px;
  --container-narrow:820px;
  --container-pad:1.25rem;

  --header-height:64px;
  --transition-fast:120ms ease;
  --transition:200ms ease;
}