/**
 * MuManiacos Classic: folha de identidade sobre o tema Revolution.
 *
 * O Revolution (Revo1817, do repositório de temas do MyBB) entra como está:
 * ele traz 72 templates prontos, menus suspensos e folhas por página. Esta
 * folha carrega por último e troca as cores.
 *
 * Nada do tema é editado. Apagar esta folha devolve o Revolution ao visual
 * de fábrica.
 *
 * IMPORTANTE, e o que faltava na primeira versão: o Revolution não pinta os
 * blocos com cor chapada, e sim com IMAGEM de fundo (`bg.png` no body,
 * `thead.png` nos cabeçalhos). Trocar só `background-color` não adianta, a
 * imagem fica por cima. Por isso as regras aqui usam `background` completo
 * com `none` na imagem, para apagar a textura do tema e deixar a cor nova.
 */

/* ==================================================================
   Paleta
   ================================================================== */
:root {
    --mu-fundo:    #17100A;   /* fundo da página                 */
    --mu-caixa:    #211811;   /* corpo dos blocos                */
    --mu-alto:     #2E2117;   /* cabeçalhos e faixas de destaque */

    --mu-ouro:     #C2A975;
    --mu-ouro-esc: #A88F62;
    --mu-link:     #D9BD8D;
    --mu-link-hov: #F5E2B8;

    --mu-texto:    #E4DAC6;
    --mu-suave:    #A2957F;
    --mu-linha:    rgba(194, 169, 117, .20);
}

/* ==================================================================
   Fundo da página
   ==================================================================
   O `background` completo apaga a bg.png do tema; sem isso a textura
   cinza-azulada continua por cima da cor.
*/
body {
    background: var(--mu-fundo) none;
    color: var(--mu-texto);
}

a:link, a:visited { color: var(--mu-link); }
a:hover, a:active { color: var(--mu-link-hov); }

/* ==================================================================
   Blocos: corpo dos painéis
   ================================================================== */
#content,
.tborder,
.tcat,
.trow1, .trow2,
.trow_shaded,
.trow_selected, tr.trow_selected td,
.tfoot,
.post,
.post_content,
.post_controls,
.sidebar_box .sidebar_content,
fieldset,
fieldset.trow1, fieldset.trow2 {
    background: var(--mu-caixa) none;
    border-color: var(--mu-linha);
}

/*
 * Cabeçalhos de bloco e faixas de destaque. Estes usam thead.png ladrilhado,
 * então o `none` é essencial. Um fio dourado embaixo dá o acabamento.
 */
.thead,
.trow_sep,
.sidebar_box .sidebar_header {
    background: var(--mu-alto) none;
    border-bottom: 2px solid var(--mu-ouro-esc);
    color: #F3E6CC;
}
.thead a:link, .thead a:visited { color: #F8EFD8; }
.thead a:hover { color: #FFF; }

/* Barra de topo, rodapé e áreas neutras. */
.topbar,
#logo,
footer,
.footer,
.stposts,
.user {
    background: var(--mu-fundo) none;
    border-color: var(--mu-linha);
}

/* ==================================================================
   Destaques
   ================================================================== */

/* Onde o tema usa o ciano, entra o dourado. */
.menu ul li a:hover,
.menu ul li.active a,
.navigation .active,
.pagination_current,
.pagination a:hover {
    color: var(--mu-link-hov);
    border-color: var(--mu-ouro);
}

.pagination_current {
    background: var(--mu-alto) none;
    border-color: var(--mu-ouro-esc);
}

/*
 * Botões. O "Create an account" e afins são azuis no tema; aqui viram âmbar
 * com texto escuro, como os do site. O `background` completo tira qualquer
 * gradiente ou imagem que o tema tenha posto.
 */
/*
 * Botões. No Revolution eles têm várias classes: `.button` (o "Ir"),
 * `.button5`/`.register` (o "Create an account"), `.largebutton`. Todas
 * levam o âmbar, e o `!important` vence os gradientes azuis que o tema
 * declara com alta especificidade.
 *
 * O "Sign in" fica de fora de propósito: no tema ele é um link discreto, sem
 * fundo, e transformá-lo em botão cheio brigaria com o "Create an account"
 * ao lado. Ele herda a cor de link dourada e basta.
 */
input.button, .button, button,
a.button, .button5, .register, .largebutton {
    background: linear-gradient(180deg, var(--mu-ouro), var(--mu-ouro-esc)) !important;
    border: 1px solid var(--mu-ouro-esc) !important;
    color: #2B1D0A !important;
    text-shadow: none !important;
}
input.button:hover, .button:hover, button:hover,
a.button:hover, .button5:hover, .register:hover {
    filter: brightness(1.10);
}

/* Campos de formulário. */
input.textbox, textarea, select {
    background: var(--mu-fundo) none;
    border-color: var(--mu-linha);
    color: var(--mu-texto);
}
input.textbox:focus, textarea:focus, select:focus {
    border-color: var(--mu-ouro);
    outline: none;
}

/* ==================================================================
   Mensagens
   ================================================================== */
.post_author { background: var(--mu-alto) none; }

blockquote {
    background: var(--mu-fundo) none;
    border-left: 3px solid var(--mu-ouro);
}
.codeblock {
    background: var(--mu-fundo) none;
    border-color: var(--mu-linha);
}
.signature { border-top-color: var(--mu-linha); }

/* ==================================================================
   Avisos
   ================================================================== */
.error, .inline_error {
    background: rgba(128, 41, 17, .22) none;
    border-color: rgba(200, 90, 60, .45);
    color: #FFD5C8;
}
.success_message {
    background: rgba(30, 107, 52, .20) none;
    color: #CFEFD6;
}