/* Exotic Wraps tokens — generated from the design system tokens.json */
:root, [data-theme="night"] {
  --bg: #040404;
  --surface: #08090b;
  --surface-raised: #0e1114;
  --field: #111316;
  --line: #1f2226;
  --line-strong: #60646c;
  --ink: #ffffff;
  --ink-soft: #c9cbd1;
  --ink-muted: #8f9399;
  --violet: #8a1cfd;
  --violet-press: #7410e0;
  --on-violet: #ffffff;
  --violet-text: #a45cff;
  --violet-soft: #1a0b2e;
  --violet-deep: #551598;
  --scrim: rgba(4, 4, 4, 0.72);
  --finish-electric-violet: #7d1fd8;
  --finish-obsidian-black: #141414;
  --finish-arctic-silver: #b5b8c6;
  --finish-deep-blue: #2a56ad;
  --finish-racing-red: #b33c37;
  --finish-emerald-green: #2f8a55;
  --finish-satin-gold: #c9a06c;
  --finish-pearl-white: #f1ede8;
  --finish-satin-graphite: #3a3b3f;
  --finish-liquid-silver: #a9acb4;
  --finish-matte-black: #1b1b1d;
  --finish-deep-emerald: #1c633d;
  --shadow-glow: 0 8px 28px rgba(138, 28, 253, 0.35);
  --shadow-card: 0 24px 48px rgba(0, 0, 0, 0.55);
}
[data-theme="day"] {
  --bg: #f8f8f8;
  --surface: #fcfcfc;
  --surface-raised: #ffffff;
  --field: #ffffff;
  --line: #e4e4ea;
  --line-strong: #848494;
  --ink: #0a0a0c;
  --ink-soft: #3d3f46;
  --ink-muted: #686b73;
  --violet: #8a1cfd;
  --violet-press: #7410e0;
  --on-violet: #ffffff;
  --violet-text: #7412e0;
  --violet-soft: #f1e8ff;
  --violet-deep: #551598;
  --scrim: rgba(4, 4, 4, 0.72);
  --finish-electric-violet: #7d1fd8;
  --finish-obsidian-black: #141414;
  --finish-arctic-silver: #b5b8c6;
  --finish-deep-blue: #2a56ad;
  --finish-racing-red: #b33c37;
  --finish-emerald-green: #2f8a55;
  --finish-satin-gold: #c9a06c;
  --finish-pearl-white: #f1ede8;
  --finish-satin-graphite: #3a3b3f;
  --finish-liquid-silver: #a9acb4;
  --finish-matte-black: #1b1b1d;
  --finish-deep-emerald: #1c633d;
  --shadow-glow: 0 6px 18px rgba(138, 28, 253, 0.25);
  --shadow-card: 0 12px 32px rgba(16, 12, 28, 0.10);
}
: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-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --border-hairline: 1px;
  --border-focus: 2px;
  --slash-angle: 28deg;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Figtree", "Helvetica Neue", Arial, sans-serif;
}