/* Paleta de colores actualizada */
:root {
    --color-fondo: #FAF3E0; /* Crema */
    --color-texto: #2C2C2C; /* Oscuro */
    --color-azul: #4A90E2;
    --color-morado: #8E44AD;
    --color-rosa: #E91E63;
}

/* Fondo del cuerpo */
body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
}

/* Títulos y encabezados */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-texto);
}

/* Enlaces */
a {
    color: var(--color-morado);
    text-decoration: none;
}

a:hover {
    color: var(--color-rosa);
}

/* Botones primarios */
.btn-primary {
    background-color: var(--color-morado);
    border-color: var(--color-morado);
    color: var(--color-fondo);
}

.btn-primary:hover {
    background-color: var(--color-rosa);
    border-color: var(--color-rosa);
}

/* Botones secundarios */
.btn-secondary {
    background-color: var(--color-azul);
    border-color: var(--color-azul);
    color: var(--color-fondo);
}

.btn-secondary:hover {
    background-color: var(--color-morado);
    border-color: var(--color-morado);
}

/* Tarjetas (cards) */
.card {
    background-color: var(--color-fondo);
    border: 1px solid var(--color-morado);
}

.card-title {
    color: var(--color-texto);
}

.card-text {
    color: var(--color-texto);
}

/* Footer */
footer {
    background-color: var(--color-azul);
    color: var(--color-fondo);
}

footer h3, footer h4 {
    color: var(--color-fondo);
}

footer a {
    color: var(--color-fondo);
}

footer a:hover {
    color: var(--color-rosa);
}