/* generated — do not edit — source: design-system/tokens.json */
:root {
  --color-lime: #DFF24A;
  --color-lime-deep: #BDE01E;
  --color-ink: #171613;
  --color-ink-2: #3A3732;
  --color-cream: #FBF5E7;
  --color-cream-2: #F2E9D0;
  --color-terra: #F25F3A;
  --color-terra-deep: #BF3215;
  --color-terracotta: #C1522F;
  --color-grape: #5B42E8;
  --color-mint: #8CE0B6;
  --color-pink: #FFB3D0;
  --color-sun: #FFC83A;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-brutal-xs: 3px 3px 0 var(--color-ink);
  --shadow-brutal-sm: 4px 4px 0 var(--color-ink);
  --shadow-brutal: 6px 6px 0 var(--color-ink);
  --shadow-brutal-lg: 8px 8px 0 var(--color-ink);
  --shadow-brutal-xl: 10px 10px 0 var(--color-ink);
  --shadow-brutal-2xl: 14px 14px 0 var(--color-ink);
  --bp-xs: 360px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1440px;
  --border-thin: 1px;
  --border-default: 2px;
  --border-thick: 3px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;
  --space-14: 160px;
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-editorial: "Fraunces", Georgia, serif;
  --font-mono: "DM Mono", ui-monospace, monospace;
}