/* Creator Goodies — generated from tokens.json */
:root, [data-theme="light"] {
  --oat-milk: #F5EEE1;
  --napkin: #FFFCF6;
  --espresso: #2B1E17;
  --cocoa: #6E5B4D;
  --sencha: #2F5446;
  --saucer: #CFC7BA;
  --toffee: #B88A3E;
  --raspberry: #A8505F;
  --blueberry: #44507A;
  --plum: #6B4E6E;
  --pistachio: #8A9A6B;
  --licorice: #3A3230;
  --bg: var(--oat-milk);
  --surface: var(--napkin);
  --text: var(--espresso);
  --text-muted: var(--cocoa);
  --hairline: var(--saucer);
  --accent: var(--sencha);
  --button-bg: var(--sencha);
  --button-text: var(--napkin);
  --band: var(--sencha);
  --on-band: var(--oat-milk);
  --focus: var(--espresso);
  --error: #A3321F;
}
[data-theme="dark"] {
  --bg: #151A2B;
  --surface: #1E2438;
  --text: var(--oat-milk);
  --text-muted: #B4B8C8;
  --hairline: #353C55;
  --accent: #8FB5A3;
  --button-bg: #8FB5A3;
  --button-text: var(--espresso);
  --focus: var(--oat-milk);
  --error: #FF9C85;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --stroke-hair: 1px;
  --stroke-ink: 2px;
  --stroke-bold: 3px;
  --font-display: "Caprasimo", "Cooper Black", Georgia, serif;
  --font-body: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
}
@font-face { font-family: 'Caprasimo'; src: url('../fonts/Caprasimo-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bricolage Grotesque'; src: url('../fonts/BricolageGrotesque-Variable.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }