:root {
    /* Variáveis de Cores (Padrão Light) */
    --bg-body: #f8f9fa;
    --bg-navbar: rgba(255, 255, 255, 0.95);
    --bg-card: #ffffff;
    --text-main: #212529;
    --text-link: #444444;
    --text-muted: #6c757d;
    --border-color: rgba(0, 0, 0, 0.08);
    --ifpb-verde: #2f9e41;
    --ifpb-verde-dark: #1e6b2c;
}

[data-theme="dark"] {
    /* Sobrescrita para Modo Escuro */
    --bg-body: #121212;
    --bg-navbar: rgba(24, 24, 24, 0.98);
    --bg-card: #1e1e1e;
    --text-main: #f1f1f1;
    --text-link: #cccccc;
    --text-muted: #aaaaaa;
    --border-color: rgba(255, 255, 255, 0.1);
}



main {
    flex: 1;
}

/* Ajustes Globais para respeitar o Tema */
.text-dark {
    color: var(--text-main) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}



/* Botão Dark Mode Customizado */
#dark-mode-toggle {
    border: 1px solid var(--border-color);
    background: var(--bg-card);
    color: var(--text-main);
    transition: all 0.3s ease;
}

#dark-mode-toggle:hover {
    background: var(--ifpb-verde);
    color: white;
    border-color: var(--ifpb-verde);
}

/* Footer */
footer {
    background-color: var(--bg-card);
    color: var(--text-muted);
    border-top: 1px solid var(--border-color);
}

[data-theme="dark"] .footer-logo {
    filter: grayscale(1) invert(1);
}

/* Cards e Containers Dinâmicos */
.info-container,
.card,
.table-container {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 12px var(--border-color);
}


/* Transição suave para os ícones */
.social-icon {
    transition: all 0.3s ease;
    display: inline-block;
}

.social-icon:hover {
    color: #28a745 !important;
    opacity: 1 !important;
    transform: translateY(-3px);
}

/* Ajuste de opacidade para o separador */
.opacity-10 {
    opacity: 0.1 !important;
}