/* ConvoSurge design tokens. Light = default; set data-theme="dark" on <html> for Night shift. */
:root, [data-theme="light"] {
  --paper: #FFF7EA;
  --paper-raised: #FFFFFF;
  --paper-sunk: #FCEBD2;
  --ink: #1B1712;
  --ink-muted: #5E5446;
  --edge: #1B1712;
  --hairline: #E8D6BC;
  --surge: #FD8F42;
  --surge-gold: #F0B02C;
  --surge-text: #A84A0C;
  --mint: #8EE0B6;
  --bubblegum: #FFB3D1;
  --sky: #A9D8FF;
  --on-fill: #1B1712;
  --night: #1B1712;
  --on-night: #FFF7EA;
  --on-night-muted: #C9B9A2;
  --success: #1E6B45;
  --danger: #B42318;
  --focus: var(--ink);
  --pop-sm: 2px 2px 0 #1B1712;
  --pop: 4px 4px 0 #1B1712;
  --pop-lg: 8px 8px 0 #1B1712;
  --float: 0 16px 40px rgba(27,23,18,0.16);
}

[data-theme="dark"] {
  --paper: #17130F;
  --paper-raised: #241E18;
  --paper-sunk: #0F0C09;
  --ink: #FFF3E0;
  --ink-muted: #C9B9A2;
  --edge: #7A6A55;
  --hairline: #3A3128;
  --surge: #FD8F42;
  --surge-gold: #F0B02C;
  --surge-text: #FFB27A;
  --mint: #7EDDB0;
  --bubblegum: #FF9CC2;
  --sky: #8CCBFF;
  --on-fill: #1B1712;
  --night: #0F0C09;
  --on-night: #FFF3E0;
  --on-night-muted: #C9B9A2;
  --success: #7EDDB0;
  --danger: #FF8A7A;
  --focus: var(--ink);
  --pop-sm: 2px 2px 0 #000000;
  --pop: 4px 4px 0 #000000;
  --pop-lg: 8px 8px 0 #000000;
  --float: 0 16px 40px rgba(0,0,0,0.5);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 96px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-bubble-tail: 6px;
  --r-pill: 999px;
  --font-display: "Bricolage Grotesque", "Bricolage Grotesque Ext", system-ui, sans-serif;
  --font-body: "Figtree", "Figtree Ext", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: "Caveat", "Comic Sans MS", cursive;
  --font-wordmark: "Playfair Display", Georgia, serif;
}