:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --container:1080px;/* @kind other */--gutter:26px;/* @kind other */--touch-min:44px;/* @kind other */
  --radius-sm:8px;--radius-input:10px;--radius-md:12px;--radius-lg:18px;--radius-card:20px;--radius-xl:22px;--radius-phone:24px;--radius-pill:999px;
  --bubble-radius:30% 30% 30% 6%;/* @kind other */
  --shadow-xs:0 1px 2px rgba(20,42,21,.06);--shadow-sm:0 4px 14px rgba(20,42,21,.07);
  --shadow-hover:0 22px 46px rgba(20,42,21,.12);--shadow-lg:0 26px 60px rgba(20,42,21,.22);--shadow-on-dark:0 26px 60px rgba(0,0,0,.3);
  --shadow-glow-cream:0 14px 36px rgba(237,242,158,.3);--shadow-glow-cream-sm:0 8px 24px rgba(237,242,158,.25);
  --ease-out:cubic-bezier(.2,.7,.3,1);/* @kind other */--dur-fast:.2s;/* @kind other */--dur-base:.25s;/* @kind other */--dur-reveal:.7s;/* @kind other */
  --z-nav:50;/* @kind other */--z-fab:60;/* @kind other */--z-overlay:100;/* @kind other */--z-toast:110;/* @kind other */
}