/* base.css */

/* --- Gnose Tipográfica Invocada --- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Roboto:wght@400;700&display=swap');

/* --- Paleta da Harmonia Etérea (Variáveis CSS) --- */
:root {
    --cor-fundo: #1a1a2e;
    --cor-painel: rgba(26, 26, 46, 0.65);
    --cor-destaque-principal: #ff00a9;
    --cor-texto-principal: #e0e0e0;
    --cor-texto-secundario: #9a9a9a;
    --cor-celestial: #38b6ff;
    --cor-abissal: #a259ff;
    --cor-cura: #70e000;
    --cor-erro: #ff4d4d;
    --cor-aviso: #ffbe0b;

    --fonte-principal: 'Roboto', sans-serif;
    --fonte-titulo: 'Orbitron', sans-serif;
}

/* --- Runa Universal do Ocultamento --- */
.hidden {
    display: none !important;
}

/* --- Estilos Gerais de Fundação --- */
body {
    background-color: var(--cor-fundo);
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0);
    background-size: 20px 20px;
    color: var(--cor-texto-principal);
    font-family: var(--fonte-principal);
    margin: 0;
    padding: 20px 0;
    text-align: center;
    min-height: 100vh;
}

h1, h2, h3, h4 {
    font-family: var(--fonte-titulo);
    margin: 0;
}

p {
    margin: 0;
}

button {
    font-family: var(--fonte-titulo);
}

/* Garante que o padding e a borda não aumentem o tamanho dos elementos */
*, *::before, *::after {
    box-sizing: border-box;
}