/**
 * MuManiacos Classic sobre o tema Revolution — "Pergaminho e Ferro".
 *
 * O Revolution é escuro; esta folha o vira claro (pergaminho), na paleta e no
 * estilo angular aprovados no protótipo. Carrega por último e tem a última
 * palavra sobre a cor.
 *
 * Nada do tema é editado. Apagar esta folha devolve o Revolution ao original.
 *
 * Três coisas aprendidas no fórum real, aplicadas aqui:
 *   1. o Revolution pinta com IMAGEM de fundo (bg.png, thead.png), não cor.
 *      Trocar só `background-color` não adianta: as regras usam `background`
 *      completo com `none` para apagar a textura.
 *   2. onde o tema tem alta especificidade ou `!important`, esta folha
 *      responde à altura.
 *   3. NÃO usar @import aqui. No MyBB ele invalida a folha toda e nada
 *      abaixo dele funciona. As fontes vêm pelo template headerinclude.
 */

/* ==================================================================
   Paleta
   ================================================================== */
:root {
    --fundo:      #E8DBBE;
    --papel:      #F7EFDA;
    --papel-alt:  #FBF6E8;
    --escuro:     #3A2C16;
    --escuro-alt: #4A3A1E;

    --ouro:       #A6842F;
    --ouro-claro: #7C5F1C;
    --ouro-metal: #C9A24B;
    --linha:      #C9B58A;
    --linha-forte:#A6842F;
    --vinho:      #8B2011;

    --tinta:      #3B2C16;
    --tinta-fraca:#7C6A4A;
}

/* ==================================================================
   Fundo da página e texto
   ================================================================== */
body {
    background:
        radial-gradient(1300px 520px at 50% -200px, rgba(196, 150, 70, .26), transparent 64%),
        var(--fundo) !important;
    color: var(--tinta) !important;
    font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
}

#container, #content, #mainwidth {
    background: transparent none !important;
    color: var(--tinta);
}

a, a:link, a:visited { color: var(--ouro); }
a:hover, a:active { color: var(--vinho); }

/* ==================================================================
   Blocos: corpo claro (pergaminho)
   ================================================================== */
.tborder,
.tcat,
.trow1, .trow2,
.trow_shaded,
.trow_selected, tr.trow_selected td,
.tfoot,
.post, .post_content, .post_controls,
.latestthreads,
fieldset, fieldset.trow1, fieldset.trow2 {
    background: var(--papel) none !important;
    border-color: var(--linha) !important;
    color: var(--tinta) !important;
}

/* Texto e links dentro dos blocos claros. */
.trow1, .trow2, .tcat, .tfoot, .post_content,
.trow1 a, .trow2 a, .tcat a, .tfoot a {
    color: var(--tinta);
}
.trow1 .smalltext, .trow2 .smalltext, .tfoot .smalltext { color: var(--tinta-fraca); }

/*
 * Cabeçalhos de bloco: faixa escura de couro com fio dourado no topo.
 * Estes ficam escuros de propósito, para o ritmo pergaminho/couro do
 * protótipo. O `none` mata o thead.png.
 */
.thead {
    background: linear-gradient(180deg, var(--escuro-alt), var(--escuro)) !important;
    border: 1px solid var(--linha-forte) !important;
    border-top: 3px solid var(--ouro-metal) !important;
    color: #F6D98A !important;
    text-shadow: none !important;
    font-family: "Cinzel", serif !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.thead a, .thead a:link, .thead a:visited { color: #F6D98A !important; }
.thead a:hover { color: #FFF !important; }
.thead strong { font-weight: 700; }

.trow_sep {
    background: linear-gradient(180deg, var(--escuro-alt), var(--escuro)) !important;
    color: #F6D98A !important;
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* ==================================================================
   Barra de topo e cabeçalho
   ================================================================== */
.topbar, #logo, .userbg {
    background: transparent none !important;
    box-shadow: none !important;
}

/* Menu de navegação escuro sobre o pergaminho. */
.menu {
    background: linear-gradient(180deg, var(--escuro-alt), var(--escuro)) !important;
    border: 1px solid var(--linha-forte) !important;
}
.menu a, .menu li a {
    color: #E9DBBB !important;
    font-family: "Cinzel", serif !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.menu a:hover, .menu li a:hover { color: #FBEFC8 !important; background: rgba(201, 181, 138, .08) !important; }
.menu li.active a, .menu a.active { color: #F6D98A !important; }

/* Trilha de navegação. */
.navigation { color: var(--tinta-fraca) !important; }
.navigation a { color: var(--ouro) !important; }
.navigation .active { color: var(--tinta) !important; font-weight: 600; }

/* ==================================================================
   Mensagens
   ================================================================== */
.post_author {
    background: linear-gradient(180deg, #F0E5CC, #E8DBBE) !important;
    border-color: var(--linha) !important;
    color: var(--tinta) !important;
}
.post_author a, .largetext { color: var(--tinta) !important; }
.post_author .smalltext { color: var(--tinta-fraca) !important; }

blockquote {
    background: var(--fundo) none !important;
    border: 1px solid var(--linha) !important;
    border-left: 3px solid var(--ouro-metal) !important;
    color: var(--tinta) !important;
}
.codeblock, .codeblock code {
    background: #2A2620 none !important;
    border-color: #1E1B16 !important;
    color: #DCE5CE !important;
}

/* ==================================================================
   Botões e campos
   ================================================================== */
input.button, .button, button, a.button, .button5, .register, .largebutton {
    background: linear-gradient(180deg, var(--ouro-metal), var(--ouro)) !important;
    border: 1px solid var(--ouro-claro) !important;
    color: #2A1C08 !important;
    text-shadow: none !important;
    border-radius: 0 !important;
    font-weight: 700;
}
input.button:hover, .button:hover, button:hover,
a.button:hover, .button5:hover, .register:hover { filter: brightness(1.08); }

input.textbox, textarea, select {
    background: var(--papel-alt) none !important;
    border: 1px solid var(--linha) !important;
    color: var(--tinta) !important;
    border-radius: 0 !important;
}
input.textbox:focus, textarea:focus, select:focus {
    border-color: var(--ouro-metal) !important;
}

/* ==================================================================
   Cantos retos: o protótipo é angular
   ==================================================================
   O Revolution arredonda quase tudo. Zerar o raio dá o caráter esculpido.
*/
.tborder, .thead, .tcat, .trow1, .trow2, .tfoot,
.post, .post_author, .menu, .navigation, .latestthreads,
input.textbox, textarea, select,
.pagination a, .pagination_current, .pagination span {
    border-radius: 0 !important;
}

/* ==================================================================
   Paginação
   ================================================================== */
.pagination a, .pagination_current, .pagination span {
    background: var(--papel) none !important;
    border: 1px solid var(--linha) !important;
    color: var(--tinta) !important;
}
.pagination a:hover { background: var(--papel-alt) none !important; border-color: var(--ouro-metal) !important; }
.pagination_current {
    background: linear-gradient(180deg, var(--escuro-alt), var(--escuro)) !important;
    border-color: var(--ouro-claro) !important;
    color: #F6D98A !important;
}

/* ==================================================================
   Avisos
   ================================================================== */
.error, .inline_error {
    background: #FDF0EC none !important;
    border: 1px solid #E8C3B6 !important;
    border-left: 3px solid var(--vinho) !important;
    color: #7A2E17 !important;
}
.success_message {
    background: #EEF7EE none !important;
    border-left: 3px solid #2E7D3A !important;
    color: #24632A !important;
}