:root{
  --bg:#F8FAFC;
  --surface:#FFFFFF;
  --surface-soft:#F3F4F6;
  --surface-muted:#F9FAFB;

  --text:#111827;
  --text-strong:#0F172A;
  --text-muted:#4B5563;
  --text-soft:#6B7280;

  --border:#E5E7EB;
  --border-soft:#EEF0F3;

  --brand-dark:#111827;
  --brand-dark-strong:#0F172A;
  --surface-dark:#18181B;
  --footer-bg:var(--surface-dark);
  --footer-border:#27272A;
  --footer-text:#FAFAFA;
  --footer-text-soft:#D4D4D8;
  --button-dark-bg:#26262A;
  --button-dark-hover:#1F1F23;

  --brand-yellow:#FACC15;
  --brand-orange:#F97316;
  --brand-red:#F43F5E;
  --logo-pa-x:-0.5px;
  --logo-pa-y:-1px;
  --logo-wordmark-x:0px;
  --logo-wordmark-y:-2px;

  --brand-gradient:linear-gradient(
    135deg,
    var(--brand-yellow) 0%,
    var(--brand-orange) 48%,
    var(--brand-red) 100%
  );

  --state-prepare:#FACC15;
  --state-act:#F97316;
  --state-protect:#EF4444;

  --card:var(--surface);
  --accent:var(--brand-dark);
  --accent-soft:#E5E7EB;
  --accent-soft-hover:#D1D5DB;
  --accent-soft-border:#D1D5DB;

  --prep-bg:var(--state-prepare);
  --act-bg:var(--state-act);
  --protect-bg:var(--state-protect);

  --neutral-soft:var(--surface-soft);

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;

  --font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  --fs-brand:32px;
  --fs-brand-mobile:28px;
  --fs-h1:36px;
  --fs-h1-mobile:30px;
  --fs-h2:30px;
  --fs-h2-mobile:24px;
  --fs-h3:24px;
  --fs-h3-mobile:20px;
  --fs-body:16px;
  --fs-ui:15px;
  --fs-secondary:14px;
  --fs-eyebrow:13px;
  --fs-pill:11px;

  --radius-card:28px;
  --radius-card-soft:24px;
  --radius-box:18px;
  --radius-input:16px;
  --radius-pill:999px;
}