:root {
    /* --- CORES BASE (MODO CLARO) --- */
    --cor-primaria: #003366;
    /* Azul Institucional */
    --cor-secundaria: #C78C19;
    /* Dourado Institucional */

    /* Superfícies & Fundos (Light Mode) */
    --cor-fundo-pagina: #f0f2f5;
    /* Cinza azulado suave (Não é branco) */
    --cor-fundo-sidebar: #002244;
    /* Sidebar sempre escura */
    --cor-card: #ffffff;
    /* Cartões brancos */
    --cor-header-bg: #e9ecef;
    /* Fundo de cabeçalhos */

    /* Texto */
    --cor-texto-principal: #212529;
    --cor-texto-suave: #6c757d;
    --cor-texto-invertido: #ffffff;

    /* UI Elements */
    --borda-suave: 1px solid #dee2e6;
    --sombra-leve: 0 4px 6px rgba(0, 0, 0, 0.04);
    --sombra-hover: 0 10px 15px rgba(0, 0, 0, 0.08);

    /* Dimensões */
    --tamanho-fonte-base: 16px;
    --min-touch-target: 48px;
    --raio-borda: 10px;
}

/* --- MODO ESCURO (DARK MODE) --- */
[data-theme="dark"] {
    /* Cores ajustadas para Dark */
    --cor-primaria: #4d94ff;
    /* Azul mais claro para contraste */
    --cor-secundaria: #ffb74d;
    /* Dourado mais claro */

    /* Superfícies Dark */
    --cor-fundo-pagina: #121212;
    /* Quase preto */
    --cor-fundo-sidebar: #0a0a0a;
    /* Sidebar ainda mais escura */
    --cor-card: #1e1e1e;
    /* Cinza chumbo */
    --cor-header-bg: #2d2d2d;

    /* Texto Dark */
    --cor-texto-principal: #e0e0e0;
    --cor-texto-suave: #a0a0a0;
    --cor-texto-invertido: #121212;

    /* UI Dark */
    --borda-suave: 1px solid #333333;
    --sombra-leve: 0 4px 6px rgba(0, 0, 0, 0.3);
    --sombra-hover: 0 10px 15px rgba(0, 0, 0, 0.5);
}

body {
    background-color: var(--cor-fundo-pagina);
    color: var(--cor-texto-principal);
    font-family: 'Poppins', sans-serif;
    font-size: var(--tamanho-fonte-base);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Sidebar Text Color */
.text-sidebar {
    color: rgba(255, 255, 255, 0.9) !important;
    /* Default to white-ish */
}

/* If the user sets a light sidebar bg via config, we rely on them to pick a dark color? 
   Or we can try to use a mix-blend-mode for auto contrast (experimental).
   For now, we stick to white as the default "Student Area" vibe is dark blue sidebar.
*/