body.claro {
    --cor-fundo: #f8f9fa;
    --cor-secundaria: #ffffff;
    --cor-header: #dfe6e9;
    --cor-footer: #dfe6e9;
    --cor-menu: #ffffff;

    --cor-texto-principal: #222;
    --cor-texto-secundario: #555;

    --cor-vermelho: #c0392b;
    --cor-vermelho-escuro: #922b21;
    --cor-amarelo: #f39c12;
    --cor-amarelo-opaco: #f9e79f;
}

:root {
    --cor-fundo: #0d0d0d;
    --cor-secundaria: #1a1a1a;
    --cor-header: #1b263b;
    --cor-footer: #1b263b;
    --cor-vermelho: #e63946;
    --cor-vermelho-escuro: #a4161a;
    --cor-amarelo: #f1c40f;
    --cor-amarelo-opaco: #f7dc6f;
    --cor-branco: #f8f9fa;
    --cor-branco-apagado: #cccccc;
    --cor-cinza-claro: #bdbdbd;
    --cor-cinza-escuro: #2c2c2c;
    --cor-roxo: #6c5ce7;
    --cor-gradiente-neon: linear-gradient(45deg, #e63946, #f1c40f);

    --cor-texto-principal: #f8f9fa;
    --cor-texto-secundario: #cccccc;
    --cor-menu: #1a1a1a;
}