/* --- styles/style-theme-prefers-contrast.css --- */

/* =========================================================
   1. MODO SISTEMA OPERATIVO (Automático)
   ========================================================= */
@media (prefers-contrast: more) {
    :root {
        /* Fondo y Contraste */
        --color-bg: #000000;
        --color-text: #FFFFFF;
        --color-card-bg: #000000; /* Fondo de tarjeta negro sólido */
        --color-mask-gradient: rgba(0, 0, 0, 0.9); /* Máscaras sólidas */
        
        /* Foco y Énfasis (Cian puro de alto contraste) */
        --color-primary: #00FFFF;
        --color-primary-bg: rgba(0, 255, 255, 0.1);
        --color-shadow-primary: transparent; /* Se elimina la sombra */
        
        /* Bordes y Deshabilitado */
        --color-card-border: #FFFFFF; /* Borde de tarjeta blanco */
        --color-card-border-disabled: #BDBDBD; /* Gris claro */
        --color-text-muted: #BDBDBD;
        
        /* Footer/Header */
        --color-header-bg: #000000;
        --color-footer-text: #FFFFFF;
        
        /* ⭐️ Amarillo de alto contraste para Obras ⭐️ */
        --color-icon-obras: #FFFF00; /* Amarillo Puro (Alto Contraste) */

        --color-logo-static: #FFFFFF;
        --color-logo-dynamic: var(--color-icon-obras);
        
        /* Eliminamos las sombras en las variables */
        --color-shadow-disabled: transparent;

        color-scheme: dark;
        background-color: var(--color-bg);
        color: var(--color-text);
    }
}

/* =========================================================
   2. MODO MANUAL (Seleccionado en Modal A11y)
   ========================================================= */
body[data-theme="contrast"] {
    --color-bg: #000000;
    --color-text: #FFFFFF;
    --color-card-bg: #000000; 
    --color-mask-gradient: rgba(0, 0, 0, 0.9); 
    
    --color-primary: #00FFFF;
    --color-primary-bg: rgba(0, 255, 255, 0.1);
    --color-shadow-primary: transparent; 
    
    --color-card-border: #FFFFFF; 
    --color-card-border-disabled: #BDBDBD; 
    --color-text-muted: #BDBDBD;
    
    --color-header-bg: #000000;
    --color-footer-text: #FFFFFF;
    
    --color-icon-obras: #FFFF00; 

    --color-logo-static: #FFFFFF;
    --color-logo-dynamic: var(--color-icon-obras);
    
    --color-shadow-disabled: transparent;

    --color-header-text: #FFFFFF;
    
    /* Semántica (Puros para máxima visibilidad) */
    --color-fire: #FF931E; /* Mantener naranja original, tiene ratio > 7:1 sobre negro */
    --color-danger: #FF0000; /* Rojo puro */
    --color-danger-bg: rgba(255, 0, 0, 0.2);
    --color-success: #00FF00; /* Verde puro */
    --color-success-bg: rgba(0, 255, 0, 0.2);
    
    --color-border-placeholder: #BDBDBD;
    --color-details-action-item-hover: rgba(0, 255, 255, 0.2);
    
    /* Notificaciones (Fondo blanco, texto negro para máxima alerta) */
    --color-toast-bg: #FFFFFF;
    --color-toast-text: #000000;
    
    /* Sombras y Filtros (Anulamos sombras dinámicas para evitar ruido visual) */
    --color-shadow-modal: rgba(255, 255, 255, 0.2); 
    --shadow-color-hex: #FFFFFF;
    --shadow-opacity: 0; /* Desactivar el filtro de sombra Ghost */

    /* Accesibilidad Slider */
    --color-a11y-slider-track: #FFFFFF;
    --color-a11y-slider-labels: #FFFFFF;

    /* Forzamos el esquema nativo de componentes (scrollbars, etc.) */
    color-scheme: dark;
    background-color: var(--color-bg);
    color: var(--color-text);
}

/* --- styles/style-theme-prefers-contrast.css --- */