/* ============================================================
   Tema claro. O escuro é o padrão (css/base.css). A escolha vem de data-tema no <html>,
   definido por wwwroot/tema.js antes da primeira pintura (preferência salva > preferência do
   sistema). Contraste mínimo AA: texto >= 4.5:1, componentes >= 3:1.
   ============================================================ */

:root[data-tema="claro"] {
    --cor-primaria: #006D77;
    --cor-primaria-forte: #00505a;
    --cor-primaria-fraca: #d6ecee;
    --cor-secundaria: #0a6b73;
    --cor-accent: #8a5a1b;
    --cor-turquesa: #0f3b40;

    --cor-fundo: #f3f7f7;
    --cor-fundo-alt: #e9f0f0;
    --cor-superficie: #ffffff;
    --cor-superficie-alt: #eef4f4;
    --cor-borda: #d3e0df;
    --cor-borda-forte: #9db6b3;
    --cor-borda-campo: #6f8a87;
    --cor-texto: #0f1f1e;
    --cor-texto-fraco: #475f5d;

    --cor-ok: #15803d;
    --cor-erro: #b91c1c;

    --sombra-cartao: 0 2px 10px rgba(15, 31, 30, 0.08);
    --sombra-flutuante: 0 12px 32px rgba(15, 31, 30, 0.16);

    --cor-sobreposicao: rgba(15, 31, 30, 0.03);
    --cor-sobreposicao-forte: rgba(15, 31, 30, 0.1);
    --cor-link: #00656f;
    --cor-titulo-secao: #0f3b40;

    --grafico-1: #0072b2;
    --grafico-2: #b36b00;
    --grafico-3: #1b7f3b;
    --grafico-4: #b0316d;
    --grafico-5: #5b3fc9;
    --grafico-6: #7a6b00;
    color-scheme: light;
}

:root[data-tema="claro"] .card-oferta-desconto {
    color: #ffffff;
}