/* theme.css — paleta dark via [data-theme="dark"] no . Como todo o CSS usa var(--bg)/var(--ink)/etc., basta sobrescrever as variáveis aqui que o tema inteiro vira. Compartilhado entre landing e jogo. */ html[data-theme="dark"]{ --bg:#17161C; /* fundo escuro morno */ --bg-2:#201E27; --ink:#F4ECD8; /* o "creme" vira o texto */ --ink-2:#CFC8B8; --muted:#948D7F; --line:#F4ECD81f; /* linha clara translúcida */ --vermillion:#F2594A; /* leve brilho a mais p/ contraste no escuro */ --vermillion-deep:#E2473A; --ochre:#F2B544; --mint:#63B59B; --indigo:#8090C2; } /* Grade de pontos do fundo — pontos claros sobre o escuro */ html[data-theme="dark"] body::before{ background-image: radial-gradient(rgba(244,236,216,0.045) 1px, transparent 1px), radial-gradient(rgba(244,236,216,0.03) 1px, transparent 1px); } /* Header translúcido da página de jogo sobre fundo escuro */ html[data-theme="dark"] .pg__header{ background:rgba(23,22,28,.82); } /* Nav translúcida da landing (caso o tema seja usado lá também) */ html[data-theme="dark"] .nav{ background:rgba(23,22,28,.78); }