:root{
  --bg:#000000;
  --page:#0a0b0a;
  --surface:#111311;
  --surface-2:#191c18;
  --surface-3:#232722;
  --line:#272b26;
  --line-strong:#3a4038;
  --ink:#f4f7ef;
  --ink-dim:#a3ab9b;
  --ink-mute:#667061;
  --accent:#c8ff2e;
  --accent-hi:#dcff6e;
  --accent-deep:#7fa51a;
  --accent-wash:rgba(200,255,46,.10);
  --accent-wash-2:rgba(200,255,46,.22);
  --accent-ink:#0b1100;
  --hot:#ff6f91;
  --hot-wash:rgba(255,111,145,.12);
  --conf-hi:#c8ff2e;
  --conf-hi-wash:rgba(200,255,46,.10);
  --conf-mid:#ffc02e;
  --conf-mid-wash:rgba(255,192,46,.11);
  --conf-lo:#ff3d5a;
  --conf-lo-wash:rgba(255,61,90,.11);
  --warmup:#8a95a8;
  --warmup-wash:rgba(138,149,168,.12);

  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Avenir Next Condensed","SF Pro Display","Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --font-num:"Avenir Next Condensed","SF Pro Display","Bahnschrift","Roboto Condensed","Arial Narrow","Arial Black",sans-serif;

  --fs-mega:88px;
  --fs-hero:64px;
  --fs-display:44px;
  --fs-xl:32px;
  --fs-lg:24px;
  --fs-title:19px;
  --fs-md:16px;
  --fs-body:14px;
  --fs-sm:13px;
  --fs-label:11px;
  --fs-micro:10px;

  --fw-black:900;
  --fw-heavy:800;
  --fw-bold:700;
  --fw-semi:600;
  --fw-reg:450;

  --ls-label:.12em;
  --ls-tight:-.02em;
  --ls-num:-.03em;

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-7:32px;
  --sp-8:40px;
  --sp-9:56px;

  --r-xs:4px;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:18px;
  --r-xl:26px;
  --r-pill:999px;
  --r-device:54px;

  --dur:.18s;
  --ease:cubic-bezier(.2,.8,.2,1);
  --glow:0 0 0 1px var(--accent-wash-2),0 0 24px rgba(200,255,46,.16);

  --scrim:rgba(0,0,0,.6);
  --scrim-strong:rgba(0,0,0,.92);
  --h-control:42px;
  --h-tabbar:92px;
  --shadow-pop:0 10px 30px rgba(0,0,0,.6);
  --shadow-device:0 0 0 10px var(--surface-2),0 0 0 11px var(--line-strong),0 40px 90px rgba(0,0,0,.7);
  --shadow-dot:0 0 8px;
  --shadow-ring:0 0 0 2px var(--surface);
  --shadow-pending:inset 3px 0 0 var(--conf-mid);
  --shadow-cta:0 8px 30px var(--accent-wash-2);
  --ls-wide:.02em;
  --ls-badge:.06em;
  --sp-0:2px;
  --hairline:1px;
  --zone-1:var(--warmup);
  --zone-2:#3fa9ff;
  --zone-3:var(--accent);
  --zone-4:var(--conf-mid);
  --zone-5:var(--conf-lo);
  --muscle-main:var(--hot);
  --muscle-aux:var(--conf-mid);
}
