@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&display=swap');
:root{
  --signal-500:#FF5B2E;--signal-600:#E5441A;--signal-700:#C2410C;
  --ink-900:#141414;--ink-600:#5C534D;--ink-500:#8A7F78;
  --blush-100:#FFE3D6;--blush-50:#FFF4EE;--sand-100:#F3EEE8;--paper:#FFF9F5;--white:#fff;
  --live-600:#16A34A;--live-100:#DCFCE7;--error-600:#DC2626;
  --bg:var(--sand-100);--surface:var(--white);--text:var(--ink-900);--text-2:var(--ink-600);--text-3:var(--ink-500);--link:var(--signal-700);
  --font:'Bricolage Grotesque',system-ui,sans-serif;
  --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:24px;--r-2xl:30px;--r-sheet:40px;--r-pill:999px;
  --sh-card:0 2px 10px rgba(0,0,0,.05);--sh-float:0 10px 30px rgba(0,0,0,.18);--sh-cta:0 10px 30px rgba(255,91,46,.35);
  --glass-bg:rgba(255,255,255,.6);--glass-border:1px solid rgba(255,255,255,.8);--glass-filter:blur(20px) saturate(180%);
}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--surface:#1E1C1B;--text:#F7F3EF;--text-2:#B8AEA6;--text-3:#8F857E;--link:#FF8A66;--glass-bg:rgba(30,28,27,.6);--glass-border:1px solid rgba(255,255,255,.12)}}