@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

/* ===== Tema ProfAdm - versão Harry Potter (mesmas cores; só muda Lumos/Nox em messages.properties) =====
   Paleta: slate #4D585A, rosa #DB95A3, creme #FAEDE4. Fonte: Montserrat.
   Este arquivo concentra TODAS as cores e fontes do sistema. O layout fica em app.css.
   O modo vem do atributo data-modo no <html> (claro | escuro), definido por tema.js. */
:root {
    color-scheme: light;
    --fonte-corpo: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fonte-titulo: var(--fonte-corpo);
    --fundo: #faede4;
    --superficie: #fffdfb;
    --campo-fundo: #ffffff;
    --texto: #2f3739;
    --texto-suave: #5e6a6c;
    --borda: #e8d5c9;
    --destaque: #db95a3;
    --destaque-escuro: #cf8394;
    --destaque-texto: #2b3335;
    --link: #a24d63;
    --ok-fundo: #ddebdd;      --ok-texto: #2f5b34;
    --aviso-fundo: #fbebc8;   --aviso-texto: #7a4f0b;
    --erro-fundo: #f6d6d3;    --erro-texto: #8f2a22;
    --info-fundo: #d9e7f4;    --info-texto: #1f4e79;
    --neutro-fundo: #e9e3de;  --neutro-texto: #5a5f60;
    --faixa-topo: transparent;
    /* Cabeçalho slate nos dois modos */
    --topo-fundo: #4d585a;
    --topo-texto: #faede4;
    --topo-texto-suave: #e6d9d0;
    --topo-hover: rgba(250, 237, 228, .14);
    --topo-ativo: rgba(219, 149, 163, .30);
    --topo-borda: rgba(250, 237, 228, .35);
}

:root[data-modo="escuro"] {
    color-scheme: dark;
    --fundo: #1c2325;
    --superficie: #263033;
    --campo-fundo: #1c2325;
    --texto: #faede4;
    --texto-suave: #aeb9ba;
    --borda: #3a464a;
    --destaque: #db95a3;
    --destaque-escuro: #cf8394;
    --destaque-texto: #1f2628;
    --link: #e8aab7;
    --ok-fundo: #1f3a2a;      --ok-texto: #9bd3a5;
    --aviso-fundo: #46361a;   --aviso-texto: #f0cc84;
    --erro-fundo: #4a2523;    --erro-texto: #f2a9a3;
    --info-fundo: #1c3550;    --info-texto: #9cc4ee;
    --neutro-fundo: #323c3e;  --neutro-texto: #b9c3c4;
}

/* Links de texto na cor da marca (botões e menu têm cores próprias em app.css) */
a:not(.botao) { color: var(--link); }