/* =============================================================================
   Escuela PIB 2 — Tema oscuro
   ============================================================================= */

html[data-tema="oscuro"] {
    --color-fondo: #1C1814;
    --color-superficie: #2A241D;
    --color-superficie-alt: #342C24;
    --color-superficie-borde: #3D342B;

    --color-texto: #ECE3CE;
    --color-texto-secundario: #B8AE99;
    --color-texto-muy-sutil: #807868;
    --color-texto-inverso: #1C1814;

    --color-enlace: #CFA164;
    --color-enlace-hover: #E7D6B6;

    --color-borde: #3D342B;
    --color-borde-fuerte: #564838;
    --color-borde-sutil: #2F2820;

    --color-exito: #6FAE85;
    --color-exito-fondo: #1E3527;
    --color-informacion: #6B91B4;
    --color-informacion-fondo: #1F2D3C;
    --color-advertencia: #D4A93D;
    --color-advertencia-fondo: #3A2F1A;
    --color-error: #D86A55;
    --color-error-fondo: #3A1F1A;
    --color-peligro: #C75953;
    --color-peligro-fondo: #2F1614;

    --color-madera-clara: #C8B996;
    --color-madera-media: #CFA164;
    --color-madera-oscura: #A67C52;
    --color-cacao: #B58367;
    --color-marron-profundo: #8C5E3C;
    --color-oliva: #6FAE85;
    --color-oliva-oscuro: #5A8E6C;
    --color-oliva-claro: #8BC0A0;

    --sombra-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --sombra-sm: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2);
    --sombra-md: 0 4px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.2);
    --sombra-lg: 0 10px 15px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    --sombra-xl: 0 20px 25px rgba(0, 0, 0, 0.35), 0 10px 10px rgba(0, 0, 0, 0.25);
}

/* Forzar colores de inputs en tema oscuro */
html[data-tema="oscuro"] input,
html[data-tema="oscuro"] textarea,
html[data-tema="oscuro"] select {
    background-color: var(--color-superficie);
    color: var(--color-texto);
    border-color: var(--color-borde-fuerte);
}

html[data-tema="oscuro"] ::placeholder {
    color: var(--color-texto-muy-sutil);
    opacity: 1;
}

html[data-tema="oscuro"] ::selection {
    background: var(--color-cacao);
    color: var(--color-texto-inverso);
}

@media (prefers-color-scheme: dark) {
    html[data-tema="sistema"] {
        --color-fondo: #1C1814;
        --color-superficie: #2A241D;
        --color-superficie-alt: #342C24;
        --color-superficie-borde: #3D342B;
        --color-texto: #ECE3CE;
        --color-texto-secundario: #B8AE99;
        --color-texto-muy-sutil: #807868;
        --color-texto-inverso: #1C1814;
        --color-enlace: #CFA164;
        --color-enlace-hover: #E7D6B6;
        --color-borde: #3D342B;
        --color-borde-fuerte: #564838;
        --color-borde-sutil: #2F2820;
        --color-exito: #6FAE85;
        --color-exito-fondo: #1E3527;
        --color-informacion: #6B91B4;
        --color-informacion-fondo: #1F2D3C;
        --color-advertencia: #D4A93D;
        --color-advertencia-fondo: #3A2F1A;
        --color-error: #D86A55;
        --color-error-fondo: #3A1F1A;
        --color-peligro: #C75953;
        --color-peligro-fondo: #2F1614;
        --color-madera-clara: #C8B996;
        --color-madera-media: #CFA164;
        --color-madera-oscura: #A67C52;
        --color-cacao: #B58367;
        --color-marron-profundo: #8C5E3C;
        --color-oliva: #6FAE85;
        --color-oliva-oscuro: #5A8E6C;
        --color-oliva-claro: #8BC0A0;
    }
}