/* Cheddar's Tost & Waffle — generated from tokens.json */
:root, [data-theme="light"] {
  --cheddar: #fab503;
  --cheddar-100: #ffefc2;
  --cheddar-700: #8a5a00;
  --ink: #1f1b20;
  --ink-muted: #5e5459;
  --ink-soft: #cfc4b8;
  --cream: #fff8ea;
  --cream-200: #f5e9d3;
  --paper: #fffdf8;
  --line: #e3d3b8;
  --line-strong: #9c8b78;
  --toast: #9a4a17;
  --toast-100: #f4e1cc;
  --success: #1e7a3c;
  --success-100: #e2f2e4;
  --danger: #b42318;
  --danger-100: #fbe4e0;
  --shadow-sticker: 3px 3px 0 #1F1B20;
  --shadow-sticker-press: 1px 1px 0 #1F1B20;
  --shadow-card: 0 1px 0 #E3D3B8, 0 8px 20px -12px rgba(31, 27, 32, 0.22);
  --shadow-pop: 0 16px 40px -16px rgba(31, 27, 32, 0.40);
}
: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;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --z-sticky: 20;
  --z-bar: 30;
  --z-pop: 40;
  --z-modal: 50;
  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-sans: Manrope, "Segoe UI", system-ui, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 800; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 52px; line-height: 1.0; font-weight: 800; letter-spacing: -0.015em; }
.heading-1 { font-family: var(--font-display); font-size: 40px; line-height: 1.05; font-weight: 750; }
.heading-2 { font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 700; }
.heading-3 { font-family: var(--font-display); font-size: 21px; line-height: 1.2; font-weight: 700; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.01em; }
.price { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 800; }
.legal-body { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }