/* Spin Winner — variables (theme tokens) */
:root{
  --surface:#FFFFFF;
  --surface-2:#F0F7F1;
  --surface-3:#E8F1EA;
  --surface-dark:#0F1A14;
  --surface-dark-2:#152A1F;
  --ink:#0F1A14;
  --ink-2:#2C3A33;
  --ink-3:#586A60;
  --muted:#7A8A82;
  --rule:#D9E2DC;
  --rule-2:#B8C9BC;
  --accent:#A4192E;
  --accent-2:#7C0E20;
  --accent-soft:#F4D6DC;
  --gold:#C9A227;
  --gold-soft:#F6EBC4;
  --ok:#1F7A4D;
  --warn:#B86E00;
  --radius:14px;
  --radius-sm:8px;
  --radius-lg:22px;
  --shadow-card:0 1px 2px rgba(15,26,20,.04),0 4px 16px rgba(15,26,20,.06);
  --shadow-lift:0 4px 8px rgba(15,26,20,.06),0 12px 28px rgba(15,26,20,.10);
  --shadow-deep:0 8px 24px rgba(15,26,20,.10),0 24px 60px rgba(15,26,20,.12);
  --font-display:'Spectral',Georgia,serif;
  --font-sans:'Work Sans','Segoe UI',system-ui,sans-serif;
  --max-w:1240px;
  --gutter:24px;
  --line-tight:1.15;
  --line-snug:1.35;
  --line-body:1.6;
  --duration:200ms;
  --ease:cubic-bezier(.2,.6,.2,1);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition-duration:.001ms !important;animation-duration:.001ms !important;scroll-behavior:auto !important}
}