/*
 * Tema das páginas avulsas — Manual do Comandante (manual.html) e Conselho de Guerra (forum/)
 * no estilo do design novo (fase 5, 31/out/2026). As duas usam as mesmas variáveis (--bg, --panel,
 * --head…): redefinidas aqui, sob `html.gg-tema` (a classe vem no próprio HTML). Só aparência.
 */

html.gg-tema {
    --bg: #0A1D44;
    --bg-2: #12306B;
    --panel: rgba(18, 48, 107, 0.92);
    --panel-solid: #12306B;
    --raise: #1B3F86;
    --line: rgba(255, 255, 255, 0.12);
    --line-strong: rgba(255, 255, 255, 0.24);
    --amber: var(--gg-ouro);
    --amber-soft: rgba(255, 201, 60, 0.16);
    --blue: var(--gg-azul);
    --blue-soft: rgba(43, 91, 199, 0.22);
    --red: var(--gg-vermelho);
    --green: var(--gg-verde);
    --cyan: #4FC3F7;
    --text: var(--gg-texto);
    --muted: var(--gg-texto-suave);
    --mono: var(--gg-fonte-texto);
    --head: var(--gg-fonte-titulo);
    --body: var(--gg-fonte-texto);
    --r: 14px;
    --r-lg: 20px;
}
html.gg-tema body { background-color: var(--gg-marinho-escuro); }
html.gg-tema h1,
html.gg-tema h2,
html.gg-tema h3 {
    font-family: var(--gg-fonte-titulo);
    font-weight: 400;
    letter-spacing: 0.02em;
}
/* botões das duas páginas (.btn): gordinhos, com degrau */
html.gg-tema .btn {
    font-family: var(--gg-fonte-titulo);
    font-weight: 400;
    border-radius: 14px;
    box-shadow: 0 4px 0 rgba(5, 16, 40, 0.55);
}
html.gg-tema .btn.azul,
html.gg-tema .btn.primary { background: var(--gg-verde); border-color: var(--gg-verde); color: #fff; box-shadow: 0 4px 0 var(--gg-verde-escuro); }
html.gg-tema input[type="text"],
html.gg-tema input[type="search"],
html.gg-tema textarea,
html.gg-tema select { border-radius: 12px; }