:root{
  --color-primary:#2563eb;
  --color-secondary:#0ea5e9;
  --color-accent:#22c55e;
  --color-bg:#ffffff;
  --color-text:#0f172a;

  --color-muted:#64748b;
  --color-border:#e2e8f0;
  --color-surface:#f8fafc;

  --radius:16px; --radius-sm:10px;
  --shadow:0 10px 25px -10px rgba(0,0,0,.15);
  --shadow-sm:0 6px 18px -10px rgba(0,0,0,.12);
  --container:1120px;
  --step-1:clamp(1.25rem,1.1rem + 0.8vw,2rem);
}
@media (prefers-color-scheme: dark){
  :root{
    --color-bg:#0b1220; --color-text:#f8fafc;
    --color-muted:#9aa4b2; --color-border:#1e293b; --color-surface:#0f172a;
  }
}