/* VoltZap — tokens do design (mesma identidade da página de venda: fundo quase preto, verde-menta → ciano → violeta, Space Grotesk).
   Escuro é o padrão; o claro continua no alternador do menu. Os nomes antigos (--bg, --card, --accent…) foram mantidos para as telas existentes. */
:root, :root[data-tema=escuro] {
  color-scheme: dark;
  /* superfícies */
  --bg: #05070d; --side: #070b14; --surf: #0a0f1a; --card: #0d1422; --card-2: #121b2d; --card-3: #1a2540;
  --line: rgba(255, 255, 255, .09); --line-2: rgba(255, 255, 255, .17);
  /* texto */
  --ink: #e8edf7; --muted: #8d99b0; --faint: #5d6a82;
  /* marca: menta (ação), ciano (apoio), violeta (destaque raro) */
  --accent: #25f4a0; --accent-2: #22d3ee; --accent-3: #8b5cf6; --accent-soft: rgba(37, 244, 160, .10); --accent-ink: #5ff5b8; --accent-line: rgba(37, 244, 160, .38);
  --grad: linear-gradient(120deg, #25f4a0, #22d3ee 55%, #8b5cf6);
  --on-accent: #04120b;
  --violet: var(--accent);
  /* estados */
  --green: #25f4a0; --green-soft: rgba(37, 244, 160, .12); --red: #ff5d73; --red-soft: rgba(255, 93, 115, .13);
  --amber: #f5b73d; --amber-soft: rgba(245, 183, 61, .14); --blue: #22d3ee; --blue-soft: rgba(34, 211, 238, .13); --purple: #a78bfa; --purple-soft: rgba(139, 92, 246, .16);
  /* barra lateral */
  --side-ink: #e8edf7; --side-muted: #7d8aa3; --side-hover: rgba(255, 255, 255, .06); --side-line: rgba(255, 255, 255, .07);
  /* chat */
  --bolha-in: #1a2230; --bolha-eu: #0b6b4a; --bolha-eu-ink: #f2fff9; --bolha-bot: #1d2450; --bolha-bot-ink: #e1e7ff;
  /* profundidade */
  --sombra: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 34px -16px rgba(0, 0, 0, .7);
  --sombra-2: 0 28px 70px -22px rgba(0, 0, 0, .85);
  --tela: #04060b; --ponto: rgba(255, 255, 255, .07);
  --foco: 0 0 0 3px rgba(34, 211, 238, .32);
  --brilho: 0 0 0 1px rgba(37, 244, 160, .5), 0 12px 34px -10px rgba(37, 244, 160, .55);
}
:root[data-tema=claro] {
  color-scheme: light;
  --bg: #f3f6fb; --side: #0a0f1a; --surf: #ffffff; --card: #ffffff; --card-2: #eef2f8; --card-3: #e2e9f3;
  --line: #dde4ef; --line-2: #c3cedd;
  --ink: #0b1220; --muted: #55637a; --faint: #8896ab;
  --accent: #0aa56f; --accent-2: #0891b2; --accent-3: #7c3aed; --accent-soft: rgba(10, 165, 111, .10); --accent-ink: #067a52; --accent-line: rgba(10, 165, 111, .4);
  --grad: linear-gradient(120deg, #0aa56f, #0891b2 55%, #7c3aed);
  --on-accent: #ffffff;
  --green: #0a8f60; --green-soft: rgba(10, 143, 96, .11); --red: #dc2646; --red-soft: rgba(220, 38, 70, .09);
  --amber: #b4690a; --amber-soft: rgba(180, 105, 10, .11); --blue: #0891b2; --blue-soft: rgba(8, 145, 178, .1); --purple: #7c3aed; --purple-soft: rgba(124, 58, 237, .09);
  --side-ink: #e8edf7; --side-muted: #8a97ad; --side-hover: rgba(255, 255, 255, .07); --side-line: rgba(255, 255, 255, .08);
  --bolha-in: #ffffff; --bolha-eu: #0b6b4a; --bolha-eu-ink: #f2fff9; --bolha-bot: #e6e9fb; --bolha-bot-ink: #1d2450;
  --sombra: 0 1px 2px rgba(11, 18, 32, .06), 0 12px 30px -16px rgba(11, 18, 32, .22);
  --sombra-2: 0 24px 60px -20px rgba(11, 18, 32, .35);
  --tela: #e8edf5; --ponto: #c3cedd;
  --foco: 0 0 0 3px rgba(8, 145, 178, .28);
  --brilho: 0 0 0 1px rgba(10, 165, 111, .5), 0 10px 26px -10px rgba(10, 165, 111, .5);
}
:root {
  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --titulo: 'Space Grotesk', 'Inter', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  /* escala */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 22px; --r-pill: 999px;
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px; --e-6: 24px; --e-8: 32px;
  --t-xs: 12px; --t-sm: 13px; --t-md: 14.5px; --t-lg: 17px; --t-xl: 22px; --t-2xl: 30px;
  --ease: cubic-bezier(.2, .7, .2, 1); --rapido: .18s;
  --lateral: 248px; --lateral-min: 72px;
}