/* =============================================================
   ESPMG — Dark Mode via CSS Custom Properties
   Carregado em TODAS as páginas via functions.php.
   Substitui o hack filter: invert() que estava em home.css.
   ============================================================= */

/* ── 1. Overrides das variáveis existentes (style.css :root) ── */
body.dark-mode {
    background-color: #111111;
    color: #e8e8e8; /* sobrescreve color: #555 do body em style.css */

    /* Textos */
    --titulos-principais:   #e8e8e8;
    --titulos-secundarios:  #c8d0e0;
    --textos-corridos:      #b0b8cc;
    --positivo:             #e8e8e8; /* era #000000 */
    --text-color-dark:      #e8e8e8;

    /* Fundos */
    --cinza-fundo:          #1e1e1e; /* era #F1F3F3 */
    --cinza-fundo-2:        #161616; /* era #F7F7F7 */
    --gray-0:               #1e1e1e; /* era #F1F3F3 */

    /* Bordas */
    --borda-cinza:          #2e2e2e; /* era #D2D8E8 */
    --borda-cinza-botoes:   #2a2a2a; /* era #F1F3F3 */
    --cinza-borda:          #2e2e2e; /* era #D2D8E8 */
    --border-color:         rgba(255,255,255,0.08);

    /* Links e interativos */
    --textos-e-links:       #5b9cf6; /* era #005EA2 */
    --hiperlinks:           #5b9cf6; /* era #005EA2 */
    --azul-menu-icon:       #5b9cf6; /* era #1351b4 */
    --default:              #5b9cf6;
    --hover:                #2e90d1;
    --active:               #1a5fa0;

    /* Datas / Labels */
    --data:                 #7a8499; /* era #838DAA */
    --datas-e-capitulos:    #7a8499;
    --breadcrumb-color:     #7a8499;
    --gray:                 #9a9a9a; /* era gray */
    --gray-300:             #8a8a8a; /* era #808080 */
    --datas-e-capitulados:  #7a8499;

    /* Botões */
    --bg-botao-azul:        #1a5fa0; /* era #0B4778 */
    --bg-botao-azul-hover:  #2e90d1; /* era #005EA2 */
    --blue-300:             #2e90d1; /* era #005EA2 */
    --blue-400:             #1a5fa0; /* era #0B4778 */
    --blue-200:             #4aa8ff; /* era #0076D6 */

    /* Tags */
    --tag:                  #4aa8ff; /* era #2491FF */
    --tag-outlined:         #4aa8ff;

    /* Depoimentos */
    --depoimento-texto-cor:  #c8d0e0; /* era #112F4E */

    /* Shadows */
    --shadow-color: rgba(0,0,0,0.6);
}

/* ── 2. Transição suave ao trocar tema ── */
body,
body header,
body nav,
body main,
body footer,
body section,
body article,
body .card,
body .container,
body .container-fluid,
body p, body h1, body h2, body h3, body h4, body h5, body h6,
body a,
body li,
body div,
body span,
body input,
body select,
body textarea,
body button,
body .btn,
body table,
body th,
body td {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease !important;
}

/* Exceção: não interferir com animações de Swiper e carrosséis */
body .swiper-wrapper,
body .swiper-slide,
body .swiper-container {
    transition: transform 0.3s ease !important;
}