:root {
    /* Variables de fallback basadas en tus pruebas anteriores para que el CSS funcione */
    --bg-main: #060E1C;
    --text-white: #ffffff;
    --color-accent: #2563eb;
    --bg-card: rgba(13, 27, 46, 0.88);
    --border-card: rgba(59, 130, 246, 0.24);
    --shadow-glow: rgba(59, 130, 246, 0.14);
    --bg-success: rgba(34, 197, 94, 0.1); 
    --color-success: #22c55e;
    --color-step: #2563eb;
    --bg-step: rgba(37, 99, 235, 0.1);
    --text-muted: rgba(226, 232, 240, 0.64);
}

/* Aplicación de colores al Body y Contenedores */
body.premium-subpage {
    background-color: var(--bg-main) !important;
    color: var(--text-white) !important;
}

/* Títulos y Acentos */
body.premium-subpage h1, 
body.premium-subpage h2, 
body.premium-subpage h3 {
    color: var(--text-white) !important;
}

body.premium-subpage .accent, 
body.premium-subpage .linkish {
    color: var(--color-accent) !important;
}

/* Tarjetas de Secciones (Problemas, Resultados, Incluye) */
#problemas-card, #resultados-card, #incluye-card, #comofunciona-card, #faq-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: 0 0 20px var(--shadow-glow) !important;
}

/* Iconos de Resultados (Verdes) */
#resultados .list-icon {
    background: var(--bg-success) !important;
    border: 1px solid rgba(34, 197, 94, 0.2) !important;
}
#resultados .list-icon svg {
    stroke: var(--color-success) !important;
}

/* Números de Proceso (Azul Pasos) */
.list-number {
    color: var(--color-step) !important;
    background: var(--bg-step) !important;
}

/* Textos Secundarios */
body.premium-subpage .lede-new,
body.premium-subpage .custom-border-list li span,
body.premium-subpage .faq-item p {
    color: var(--text-muted) !important;
}