/* =====================================================
   tema-claro.css — Volthor
   NÃO contém regras de componente.
   Só sobrescreve as variáveis semânticas em
   html[data-tema="claro"]. Todo o resto herda.
   ===================================================== */

html[data-tema="claro"] {
    /* Fundos */
    --fundo-pagina:         var(--cor-branco);
    --fundo-pagina-alt:     var(--cor-cinza-fundo);
    --fundo-superficie:     var(--cor-branco);
    --fundo-superficie-alt: var(--cor-cinza-fundo);
    --fundo-filtro:         var(--cor-cinza-fundo);
    --fundo-modal:          var(--cor-branco);

    /* Textos */
    --texto-primario:       #1a1a1a;
    --texto-secundario:     #4a4a4a;
    --texto-suave:          #6b6b6b;
    --texto-invertido:      #ffffff;

    /* Bordas */
    --borda-suave:          rgba(0, 0, 0, 0.08);
    --borda-media:          var(--cor-cinza-claro);
    --borda-destaque:       var(--cor-vermelho);

    /* Acento continua vermelho nos dois temas */
    --acento:               var(--cor-vermelho);
    --acento-claro:         var(--cor-vermelho-claro);
    --acento-escuro:        var(--cor-vermelho-escuro);

    /* Botão de destaque (Login) — no claro fica vermelho sólido */
    --botao-destaque-bg:        var(--cor-vermelho);
    --botao-destaque-bg-hover:  var(--cor-vermelho-escuro);
    --botao-destaque-texto:     var(--cor-branco);

    /* Sombras no claro são mais suaves */
    --sombra-leve:  0 2px 8px  rgba(0, 0, 0, 0.06);
    --sombra-media: 0 4px 16px rgba(0, 0, 0, 0.10);
    --sombra-forte: 0 8px 28px rgba(0, 0, 0, 0.16);
    --sombra-acento:0 4px 16px rgba(211, 47, 47, 0.25);
}