/* Zetabot — generated from tokens.json */
:root, [data-theme="dark"] {
  --canvas: #000000;
  --surface: #18181b;
  --surface-raised: #27272a;
  --surface-hover: #3f3f46;
  --surface-glass: rgba(24,24,27,0.82);
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.22);
  --ink: #fafafa;
  --ink-muted: #a1a1aa;
  --ink-subtle: #8b8b94;
  --inverse: #ffffff;
  --on-inverse: #000000;
  --aura-magenta: #f04fd6;
  --aura-amber: #f6c453;
  --aura-cyan: #3fe3d4;
  --aura-blue: #5b7cff;
  --aura-violet: #a26bff;
  --success: #4ade80;
  --success-soft: rgba(74,222,128,0.14);
  --danger: #fb7185;
  --danger-soft: rgba(251,113,133,0.14);
  --warning: #fbbf24;
  --warning-soft: rgba(251,191,36,0.14);
  --accent-ink: #6ea8ff;
  --info: #7dd3fc;
  --info-soft: rgba(125,211,252,0.14);
  --chart-1: #3fe3d4;
  --chart-2: #f04fd6;
  --chart-3: #f6c453;
  --chart-4: #5b7cff;
  --chart-5: #a26bff;
  --chart-6: #a1a1aa;
  --chart-grid: rgba(255,255,255,0.08);
  --shadow-float: 0 12px 32px rgba(0,0,0,0.45);
  --shadow-aura: 0 0 24px rgba(162,107,255,0.35);
}
[data-theme="light"] {
  --canvas: #fafafa;
  --surface: #ffffff;
  --surface-raised: #f4f4f5;
  --surface-hover: #e4e4e7;
  --surface-glass: rgba(255,255,255,0.82);
  --line: rgba(9,9,11,0.10);
  --line-strong: rgba(9,9,11,0.24);
  --ink: #09090b;
  --ink-muted: #52525b;
  --ink-subtle: #6b6b74;
  --inverse: #09090b;
  --on-inverse: #fafafa;
  --aura-magenta: #c026a8;
  --aura-amber: #b7791f;
  --aura-cyan: #0e9488;
  --aura-blue: #3b5bdb;
  --aura-violet: #7c3aed;
  --success: #15803d;
  --success-soft: rgba(21,128,61,0.10);
  --danger: #be123c;
  --danger-soft: rgba(190,18,60,0.10);
  --warning: #975a06;
  --warning-soft: rgba(161,98,7,0.10);
  --accent-ink: #1d5fd6;
  --info: #0369a1;
  --info-soft: rgba(3,105,161,0.10);
  --chart-1: #0e9488;
  --chart-2: #c026a8;
  --chart-3: #b7791f;
  --chart-4: #3b5bdb;
  --chart-5: #7c3aed;
  --chart-6: #71717a;
  --chart-grid: rgba(9,9,11,0.08);
  --shadow-float: 0 12px 32px rgba(9,9,11,0.12);
  --shadow-aura: 0 0 20px rgba(124,58,237,0.20);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;
  --size-touch: 44px;
  --size-icon-btn: 40px;
  --size-chip: 32px;
  --size-input: 52px;
  --size-icon: 20px;
  --blur-glass: 16px;
  --blur-stream: 4px;
  --font-sans: "Geist", "SF Pro Text", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;
  --font-hand: "Caveat", "Segoe Print", cursive;
}
.display-xl { font-family: var(--font-sans); font-size: 64px; line-height: 64px; font-weight: 300; letter-spacing: -0.03em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 300; letter-spacing: -0.02em; }
.display-sm { font-family: var(--font-sans); font-size: 32px; line-height: 36px; font-weight: 400; letter-spacing: -0.02em; }
.title-lg { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.title { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.micro { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: 0.02em; }
.hand { font-family: var(--font-hand); font-size: 22px; line-height: 24px; font-weight: 600; }
.accent-word { font-family: var(--font-sans); font-size: 32px; line-height: 36px; font-weight: 600; font-style: italic; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }