:root{
  /* Page default surface stays dark (sections 2,4,6,8 use it). */
  --bg:#090909; --surface:#151515; --surface-2:#1e1e1e;
  --red:#FE3031; --red-press:#e0282a;
  --black:#0A0A0A;
  --white:#ffffff;
  /* Multi-surface palette tokens */
  --surface-white:#FFFFFF; --on-white:#0E0E10; --muted-white:#6B6B70;
  --surface-dark:#090909;  --on-dark:#ffffff;  --muted-dark:#9A9AA0;
  --surface-red:#FE3031;   --on-red:#ffffff;   --muted-red:rgba(255,255,255,.82);
  /* Active context (overridden per-section by .section--light/dark/red). Default = dark. */
  --text:#f2f2f2; --text-muted:#9a9aa0; --line:#2a2a2a;
  --success:#46d17a;
  --maxw:1720px; --gutter:clamp(1.25rem,4vw,5rem);
  --radius:18px; --radius-sm:10px; --radius-pill:999px; --radius-panel:clamp(28px,4vw,56px);
  --step-0:clamp(1rem,.95rem + .28vw,1.25rem);
  --step-1:clamp(1.2rem,1.05rem + .5vw,1.55rem);
  --step-2:clamp(1.6rem,1.35rem + 1vw,2.3rem);
  --step-3:clamp(2.2rem,1.7rem + 2vw,3.5rem);
  --step-4:clamp(2.8rem,2rem + 3.6vw,5.4rem);
  --step-5:clamp(3.4rem,2.2rem + 5.4vw,7rem);
  --ease:cubic-bezier(.22,1,.36,1);
}