/* AUTO-GENERATED from tokens/tokens.json — do not edit by hand. Run `npm run build`. */
:root {
  --bb-mustard-100: #FFF2CC;
  --bb-mustard-200: #FFE599;
  --bb-mustard-300: #FFD963;
  --bb-mustard-400: #FBCB12;
  --bb-mustard-500: #E4A814;
  --bb-mustard-600: #C9861E;
  --bb-grape-100: #E3A8C3;
  --bb-grape-200: #D47CA6;
  --bb-grape-300: #C65188;
  --bb-grape-400: #B8256A;
  --bb-grape-500: #8A1C50;
  --bb-grape-600: #5C1335;
  --bb-sapphire-100: #8C83C4;
  --bb-sapphire-200: #6155B8;
  --bb-sapphire-300: #372B91;
  --bb-sapphire-400: #1E1655;
  --bb-sapphire-500: #1C1A3B;
  --bb-sapphire-600: #181729;
  --bb-elephant-100: #4E98AC;
  --bb-elephant-200: #3A798A;
  --bb-elephant-300: #265A68;
  --bb-elephant-400: #1A3B40;
  --bb-elephant-500: #012429;
  --bb-elephant-600: #001519;
  --bb-mustard: #FBCB12;
  --bb-grape: #B8256A;
  --bb-sapphire: #1E1655;
  --bb-elephant: #1A3B40;
  --bb-black: rgb(0, 0, 0);
  --bb-ink: rgb(26, 26, 26);
  --bb-charcoal: rgb(60, 60, 60);
  --bb-grey-700: rgb(118, 118, 118);
  --bb-grey-500: rgb(193, 193, 193);
  --bb-grey-300: rgb(215, 215, 215);
  --bb-grey-100: rgb(247, 248, 247);
  --bb-cream: rgb(246, 245, 242);
  --bb-white: rgb(255, 255, 255);
  --bb-bg-honey-light: #FFEB9E;
  --bb-bg-honey-dark: #FBCB12;
  --bb-bg-grape-light: #FF406F;
  --bb-bg-grape-dark: #882654;
  --bb-mustard-light: #FFE599;
  --bb-mustard-soft: #FFF2CC;
  --bb-grape-deep: #8A1C50;
  --bb-grape-darkest: #5C1335;
  --bb-pink: #C65188;
  --bb-pink-soft: #E3A8C3;
  --bb-indigo: #1E1655;
  --bg: rgb(246, 245, 242);
  --bg-card: rgb(255, 255, 255);
  --bg-muted: rgb(247, 248, 247);
  --bg-inverse: #1E1655;
  --bg-inverse-warm: #5C1335;
  --fg: rgb(26, 26, 26);
  --fg-muted: rgb(118, 118, 118);
  --fg-on-mustard: rgb(26, 26, 26);
  --fg-on-dark: rgb(255, 255, 255);
  --fg-link: #B8256A;
  --border: rgb(215, 215, 215);
  --border-strong: rgb(26, 26, 26);
  --border-dashed: 1px dashed rgb(151, 71, 255);
  --shadow-sm: 1px 1px 4px 0 rgba(0, 0, 0, 0.10);
  --shadow-md: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
  --radius-leaf-sm: 4px 0 4px 0;
  --radius-leaf-md: 24px 0 24px 0;
  --radius-leaf-lg: 80px 0 80px 0;
  --radius-section: 80px;
  --radius-pill: 999px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 40px;
  --space-7: 64px;
  --space-8: 80px;
  --space-9: 104px;
  --space-10: 128px;
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-display-xl: 120px;
  --fs-display-lg: 96px;
  --fs-display-md: 72px;
  --fs-display-sm: 56px;
  --fs-h1: 46px;
  --fs-h2: 36px;
  --fs-h3: 30px;
  --fs-body-xl: 30px;
  --fs-body-lg: 24px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --tracking-tight: -0.025em;
  --tracking-soft: 0.010em;
  --tracking-wide: 0.020em;
  --lh-display: 1.06;
  --lh-tight: 1.10;
  --lh-snug: 1.20;
  --lh-normal: 1.30;
  --lh-relaxed: 1.50;
}