/*
 * Tema Vice-versa (site): as cores vêm das variáveis do tema (includes/temas.php). Aqui, o resto do manual da marca:
 * letras Archivo larga (títulos) e IBM Plex Mono (detalhes), texto em creme no lugar do branco, e a inversão do logo
 * (a palavra em destaque vira de cabeça para baixo ao passar o mouse, como o VERSA). Caloroso: nada de neon.
 */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* !important: o Tailwind (CDN) gera as classes de fonte depois deste arquivo */
body, .font-body { font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif !important; }
.font-title, h1, h2, h3 { font-family: 'Archivo', 'Arial Black', 'Helvetica Neue', Arial, sans-serif !important; font-stretch: 125%; font-weight: 900; letter-spacing: -.01em; }
.font-mono { font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace !important; }

/* Creme é o "branco" da marca */
body, .text-white { color: #E9DFC9 !important; }
.text-light-gray, .text-gray-300 { color: rgb(233 223 201 / .82) !important; }
.text-gray-400 { color: rgb(233 223 201 / .66) !important; }
::selection { background: #C07A3A; color: #1E3B2C; }

/* Sem brilho neon: as sombras "glow" viram sombras secas (marrom) */
.shadow-glow, .shadow-glow-strong { box-shadow: 6px 6px 0 0 rgb(var(--c-shadow-rgb)) !important; }

/* Inversão: a palavra em destaque vira 180° (girada, nunca espelhada) */
.glitch-text { display: inline-block; transition: transform .6s cubic-bezier(.6, 0, .2, 1); }
.glitch-text:hover { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .glitch-text { transition: none; } .glitch-text:hover { transform: none; } }

/* Papel de leve no fundo (textura discreta, sem chamar atenção) */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(70vmax 45vmax at 0% 0%, rgb(var(--c-accent-rgb) / .06), transparent 70%),
                radial-gradient(60vmax 40vmax at 100% 100%, rgb(var(--c-shadow-rgb) / .18), transparent 70%);
}