:root {
    /* Cores Base */
    --cor-primaria: #000000;
    --cor-secundaria: #D59A93;
    --cor-terciaria: #FFFFFF;
    --cor-quaternaria: #969696;

    /* RGB para efeitos */
    --cor-primaria-rgb: 0, 0, 0;

    /* Textos Inteligentes (Contraste) */
    --texto-sobre-primaria: #FFFFFF;
    --texto-sobre-secundaria: #000000;

    /* Derivados */
    --cor-primaria-clara: #141414;
    --cor-primaria-escura: #000000;
    --cor-secundaria-clara: #e9aea7;
    --cor-secundaria-escura: #c1867f;
}

/* Classes Utilitárias */
.texto-primario { color: var(--cor-primaria); }
.bg-primario { background-color: var(--cor-primaria); color: var(--texto-sobre-primaria); }

/* Botões */
.btn-primario {
    background-color: var(--cor-primaria);
    color: var(--texto-sobre-primaria);
    border: 2px solid var(--cor-primaria);
}
.btn-primario:hover {
    background-color: var(--cor-primaria-escura);
    border-color: var(--cor-primaria-escura);
    color: var(--texto-sobre-primaria);
}

.btn-secundario {
    background-color: var(--cor-secundaria);
    color: var(--texto-sobre-secundaria);
    border: 2px solid var(--cor-secundaria);
}
.btn-secundario:hover {
    background-color: var(--cor-secundaria-escura);
    border-color: var(--cor-secundaria-escura);
}

/* Inputs com brilho correto */
input:focus, textarea:focus, select:focus {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px rgba(var(--cor-primaria-rgb), 0.2);
    outline: none;
}