:root {
    --color-titulos: #000000;
    --color-subtitulos: #000000;
    --color-botones: #81160e;
    --color-texto-botones: #ffffff;
    --color-hover-botones: #d17000;
    --color-links: #81160e;
    
    /* Variables generales que heredan los colores para consistencia */
    --primary-color: #000000;
    --secondary-color: #000000;
    --text-light: #000000;
}

/* --- Estilos del Sidebar y Header Móvil --- */
.sidebar, .mobile-header {
    background-color: #500c07;
}
.sidebar-header .logo h1, .mobile-header .logo h1 {
    color: #ffffff;
}
.nav-link, .nav-link .nav-icon {
    color: #ffffff;
}
.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
.nav-title { 
    color: #d6d6d6;
}
.hamburger-menu .hamburger-bar { 
    background-color: #ffffff; 
}
.nav-link.logout-btn {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
    margin-top: 1rem;
}
.nav-link.logout-btn:hover {
    background-color: rgba(239, 68, 68, 0.8);
    border-color: transparent;
    color: #ffffff;
}

/* --- Estilos Granulares para Títulos y Textos --- */

/* Color primario solo para H1 y elementos visuales clave */
h1, .results-header h1, .final-cost-section .cost-value { 
    color: var(--color-titulos); 
}
.step-item.active span {
    background-color: var(--color-titulos);
    color: var(--color-texto-botones);
}

/* Color secundario para H2, H3, H4 y textos de párrafo */
h2, h3, h4, h5, h6,
p, .detail-item .label, .login-container .form-group label {
    color: var(--color-subtitulos);
}

/* --- Colores para Botones y Links --- */
button, .submit-btn, .results-button {
    background-color: var(--color-botones);
    color: var(--color-texto-botones);
    border-color: var(--color-botones);
}
button:hover, .submit-btn:hover, .results-button:hover {
    background-color: var(--color-hover-botones);
    border-color: var(--color-hover-botones);
    color: var(--color-texto-botones);
}
.prev-btn {
    background-color: var(--color-subtitulos);
}
.prev-btn:hover {
    opacity: 0.8;
}
a, .admin-login-icon svg, .detail-item .value-important, .step-item.active {
    color: var(--color-links);
}