/* Paleta AÇAÍ PRO — derivada da marca de açaiteria: polpa (roxo profundo),
   folha/limão (verde) e um toque de amarelo das frutas. Mesma estrutura de
   tokens do Depósito PRO (projeto de origem), só a cor muda — nenhuma regra
   funcional depende de hex solto fora daqui e do app.css. */
:root,
:root[data-theme="dark"] {
  --cor-primaria: #9BD034;        /* verde limão da folha — ação principal */
  --cor-primaria-escura: #7FB01F;
  --cor-primaria-clara: #EFF9DA;
  --cor-acai: #7B2D8E;            /* roxo da polpa — marca/realces */
  --cor-acai-clara: #B466C9;
  --cor-fruta: #FFD200;           /* amarelo das frutas — destaques pontuais */
  --cor-fundo: #140A1B;
  --cor-fundo-card: #1F1029;
  --cor-fundo-input: #2A1636;
  --cor-borda: #3B2149;
  --cor-texto: #F4EFF7;
  --cor-texto-muted: #9A87A6;
  --cor-sucesso: #22C55E;
  --cor-perigo: #EF4444;
  --cor-alerta: #F59E0B;
  --cor-info: #3B82F6;
  --cor-overlay-borda: rgba(255,255,255,.05);
  --cor-overlay-hover: rgba(255,255,255,.03);
  --cor-scrollbar: #4C2C5E;
  --raio: 10px;
  --sombra: 0 4px 20px rgba(0,0,0,0.45);
  --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Tema claro — para ambientes com muita luz ambiente, onde a tela escura
   dificulta a leitura (ex.: balcão perto de janela, praça de alimentação).
   Só sobrescreve fundo/texto/borda; cor da marca e cores semânticas
   (sucesso/perigo/alerta/info) ficam iguais nos dois temas. */
:root[data-theme="light"] {
  --cor-primaria-escura: #6E9A17;  /* verde mais fechado: contraste em fundo claro */
  --cor-fundo: #F6F1FA;
  --cor-fundo-card: #FFFFFF;
  --cor-fundo-input: #FFFFFF;
  --cor-borda: #E3D6EC;
  --cor-texto: #231229;
  --cor-texto-muted: #6B5B74;
  --cor-overlay-borda: rgba(0,0,0,.08);
  --cor-overlay-hover: rgba(0,0,0,.035);
  --cor-scrollbar: #C9B4D6;
  --sombra: 0 4px 20px rgba(0,0,0,0.1);
}