/* Generated by scripts/build-tokens.js - DO NOT EDIT MANUALLY */

:root, [data-theme="paper"] {
  --paper: #FFF7EA;
  --card: #FFFFFF;
  --ink: #231A33;
  --ink-muted: #4A4058;
  --line: var(--ink);
  --accent: #C23A18;
  --on-accent: #FFFFFF;
  --inverse: #231A33;
  --on-inverse: #FFFFFF;
  --sunny: #FFC83D;
  --tint-coloring: #9FE0C6;
  --tint-games: #CDBDFF;
  --tint-planners: #A8D8FF;
  --tint-danger: #FFD3C7;
  --success: #1F7A5A;
  --disabled: #E8E2D6;
}

[data-theme="holiday"] {
  --paper: #FFF4EE;
  --card: #FFFFFF;
  --ink: #231A33;
  --ink-muted: #4A3F4F;
  --line: var(--ink);
  --accent: #C8361A;
  --on-accent: #FFFFFF;
  --inverse: #2A1A22;
  --on-inverse: #FFFFFF;
  --sunny: #F2B632;
  --tint-coloring: #BDE5CF;
  --tint-games: #F7CFCF;
  --tint-planners: #D3E9F7;
  --tint-danger: #FFD3C7;
  --success: #1F7A5A;
  --disabled: #EFE3DC;
}

[data-theme="night"] {
  --paper: #1B1528;
  --card: #261E37;
  --ink: #F6EFE3;
  --ink-muted: #CFC5D9;
  --line: #F6EFE3;
  --accent: #FF7A57;
  --on-accent: #1B1528;
  --inverse: #F6EFE3;
  --on-inverse: #1B1528;
  --sunny: #73560C;
  --tint-coloring: #2F5C4C;
  --tint-games: #4A3D7A;
  --tint-planners: #2C4F70;
  --tint-danger: #5C2A22;
  --success: #6FD3A8;
  --disabled: #3A3148;
}

:root {
  --font-display: "Bricolage Grotesque", "Bricolage Fallback", "Bricolage Fallback Arial", "Bricolage Fallback Roboto", "Bricolage Fallback DejaVu", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "DM Sans", "DM Sans Fallback", "DM Sans Fallback Roboto", "DM Sans Fallback DejaVu", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: Caveat, "Caveat Fallback", "Comic Sans MS", cursive;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --stroke-thin: 2px;
  --stroke: 2.5px;
  --stroke-bold: 4px;
  --tilt-sticker: -4deg;
  --tilt-page: -3deg;
  --shadow-pop: 4px 4px 0 #231A33;
}

[data-theme="holiday"] {
  --shadow-pop: 4px 4px 0 #231A33;
}

[data-theme="night"] {
  --shadow-pop: 4px 4px 0 #000000;
}