:root {
  --bg:#fff; --surface:#fafafa; --surface-warm:#fafafa;
  --fg:#000; --fg-2:#212121; --muted:#737380; --meta:var(--muted);
  --border:#d9d9dd; --border-soft:#f2f2f2;
  --accent:#1863dc; --accent-on:#fff; --accent-hover:#1455bf; --accent-active:#10469f;
  --success:#16a34a; --warn:#eab308; --danger:#ef4444;
  --font-display:"Space Grotesk",Inter,ui-sans-serif,sans-serif;
  --font-body:Inter,Arial,ui-sans-serif,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-lg:18px; --text-xl:24px;
  --text-2xl:32px; --text-3xl:60px; --text-4xl:72px; --leading-body:1.5; --leading-tight:1;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-12:48px;
  --radius-sm:8px; --radius-md:22px; --radius-lg:22px; --radius-pill:9999px;
  --elev-flat:none; --elev-ring:0 0 0 1px var(--border-soft); --elev-raised:0 4px 16px rgba(0,0,0,.06);
  --focus-ring:0 0 0 2px var(--accent); --motion-fast:150ms; --motion-base:200ms;
  --ease-standard:cubic-bezier(.2,0,0,1); --container-max:1440px;
  --container-gutter-desktop:32px; --container-gutter-tablet:24px; --container-gutter-phone:16px;
}