/* PotterTV CRM — tokens da marca. Verde oficial da PotterTV (mesma paleta da ative.pottertv.com.br). */
:root {
  /* marca */
  --verde: #22a447;
  --verde-escuro: #0b8432;
  --verde-claro: #6fe33c;
  --lima: #7cf35a;
  --menta: #e5fee3;
  --menta-borda: #cdefd2;

  /* neutros (zinco) */
  --tinta: #0b1220;
  --grafite: #18212f;
  --texto: #1f2937;
  --texto-fraco: #5b6778;
  --texto-leve: #8b97a8;
  --linha: #e4e9ee;
  --linha-forte: #d3dae2;
  --superficie: #ffffff;
  --superficie-2: #f7f9fa;
  --fundo: #f4f6f8;

  /* estado */
  --ok: #16a34a;
  --aviso: #d97706;
  --erro: #dc2626;
  --info: #2563eb;
  --ok-fundo: #ecfdf3;
  --aviso-fundo: #fffbeb;
  --erro-fundo: #fef2f2;

  /* forma */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* elevação: sutil, sem halo colorido (botões sem neon) */
  --sombra-1: 0 1px 2px rgba(11, 18, 32, .06);
  --sombra-2: 0 2px 8px rgba(11, 18, 32, .07), 0 1px 2px rgba(11, 18, 32, .05);
  --sombra-3: 0 12px 32px rgba(11, 18, 32, .12), 0 2px 6px rgba(11, 18, 32, .06);

  /* ritmo */
  --lateral: 264px;
  --topo: 62px;
  --gap: 16px;
  --container: 85rem;

  /* tipografia */
  --fonte: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, monospace;

  --transicao: 160ms cubic-bezier(.4, 0, .2, 1);
}

/* tema escuro: a mesma estrutura, só os neutros mudam. O verde continua o acento. */
:root[data-tema="escuro"] {
  --texto: #e8edf3;
  --texto-fraco: #a3aebd;
  --texto-leve: #7b8697;
  --linha: #243041;
  --linha-forte: #314054;
  --superficie: #111a27;
  --superficie-2: #0d1520;
  --fundo: #080d15;
  --menta: #0e2a1a;
  --menta-borda: #1c4a2c;
  --ok-fundo: #0e2a1a;
  --aviso-fundo: #2a1f08;
  --erro-fundo: #2c1214;
  --sombra-1: 0 1px 2px rgba(0, 0, 0, .4);
  --sombra-2: 0 2px 8px rgba(0, 0, 0, .45);
  --sombra-3: 0 12px 32px rgba(0, 0, 0, .55);
}

@media (prefers-reduced-motion: reduce) {
  :root { --transicao: 1ms; }
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}