/*
 * Sistema de tema (escuro/claro) — variáveis CSS.
 *
 * O tema escuro é o padrão e reproduz exatamente as cores que o app
 * já usava antes deste sistema existir (zero mudança visual pra quem
 * não mexer na preferência). O tema claro é escolhido em
 * Configurações > Definições e aplicado via atributo
 * data-theme="claro" na tag <html> (ver assets/js/tema.js).
 *
 * Cada página que usa estas variáveis precisa:
 *   1. Incluir este arquivo no <head>.
 *   2. Incluir assets/js/tema.js bem no início do <head>, ANTES
 *      deste CSS, para aplicar o tema salvo antes da primeira pintura
 *      (evita o "flash" do tema errado).
 *   3. Trocar as cores fixas do próprio <style> da página por
 *      var(--...) correspondente.
 */

:root {
    --cor-fundo: #0b0f0d;
    --cor-fundo-alt: #0d120f;
    --cor-superficie: #151a17;
    --cor-superficie-2: #1a211c;
    --cor-borda: #222a25;

    --cor-texto: #ffffff;
    --cor-texto-secundario: #9ca3af;
    --cor-texto-terciario: #d1d5db;

    --cor-acento: #22c55e;
    --cor-acento-escuro: #16a34a;
    --cor-acento-escuro-2: #15803d;
    --cor-acento-suave: #86efac;

    --cor-perigo: #ef4444;
    --cor-perigo-texto: #fca5a5;

    --cor-destaque-grad-1: #17251c;
    --cor-destaque-grad-2: #111613;
    --cor-destaque-borda: #24452d;

    --cor-sombra: rgba(0, 0, 0, 0.35);
    --cor-nav-fundo: rgba(11, 15, 13, 0.86);

    --cor-badge-excelente-bg: #14532d;
    --cor-badge-excelente-texto: #bbf7d0;
    --cor-badge-boa-bg: #166534;
    --cor-badge-boa-texto: #dcfce7;
    --cor-badge-regular-bg: #713f12;
    --cor-badge-regular-texto: #fef08a;
    --cor-badge-ruim-bg: #7f1d1d;
    --cor-badge-ruim-texto: #fecaca;

    --cor-alerta-bg: #451a03;
    --cor-alerta-texto: #fed7aa;

    --cor-auth-grad-1: #05070a;
    --cor-auth-grad-2: #0b0f0d;
    --cor-auth-grad-3: #0d1710;
    --cor-auth-card-bg: rgba(21, 26, 23, 0.55);
    --cor-auth-input-bg: rgba(0, 0, 0, 0.35);
}

:root[data-theme="claro"] {
    --cor-fundo: #f3f4f1;
    --cor-fundo-alt: #ffffff;
    --cor-superficie: #ffffff;
    --cor-superficie-2: #eef0ec;
    --cor-borda: #e1e4df;

    --cor-texto: #121613;
    --cor-texto-secundario: #6b7280;
    --cor-texto-terciario: #374151;

    --cor-acento: #16a34a;
    --cor-acento-escuro: #15803d;
    --cor-acento-escuro-2: #166534;
    --cor-acento-suave: #166534;

    --cor-perigo: #dc2626;
    --cor-perigo-texto: #b91c1c;

    --cor-destaque-grad-1: #ecfdf3;
    --cor-destaque-grad-2: #f0fdf4;
    --cor-destaque-borda: #bbf7d0;

    --cor-sombra: rgba(17, 24, 20, 0.08);
    --cor-nav-fundo: rgba(255, 255, 255, 0.86);

    --cor-badge-excelente-bg: #bbf7d0;
    --cor-badge-excelente-texto: #14532d;
    --cor-badge-boa-bg: #dcfce7;
    --cor-badge-boa-texto: #166534;
    --cor-badge-regular-bg: #fef08a;
    --cor-badge-regular-texto: #713f12;
    --cor-badge-ruim-bg: #fecaca;
    --cor-badge-ruim-texto: #7f1d1d;

    --cor-alerta-bg: #fed7aa;
    --cor-alerta-texto: #7c2d12;

    --cor-auth-grad-1: #ffffff;
    --cor-auth-grad-2: #f3f4f1;
    --cor-auth-grad-3: #eaf5ee;
    --cor-auth-card-bg: rgba(255, 255, 255, 0.75);
    --cor-auth-input-bg: rgba(255, 255, 255, 0.6);
}