/**
 * Dark Theme - Velocímetro del Modelo de los Tres Estados
 */

 [data-theme="dark"] {
    /* Colores principales */
    --color-bg-primary: #1f2937;
    --color-bg-secondary: #111827;
    --color-text-primary: #f9fafb;
    --color-text-secondary: #9ca3af;
    
    /* Estados del velocímetro */
    --color-equilibrio: #34d399;
    --color-casi-equilibrio: #6ee7b7;
    --color-excedente: #fcd34d;
    --color-escasez: #f87171;
    
    /* Gradientes y sombras */
    --gradient-gauge: linear-gradient(
        90deg, 
        rgba(248, 113, 113, 0.2),
        rgba(52, 211, 153, 0.2),
        rgba(252, 211, 77, 0.2)
    );
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    
    /* Bordes */
    --border-color: #374151;
}

/* Ajustes específicos para modo oscuro */
[data-theme="dark"] .gauge-container {
    background-color: var(--color-bg-secondary);
}

[data-theme="dark"] .gauge-svg text {
    fill: var(--color-text-primary);
}

[data-theme="dark"] .market-status {
    color: var(--color-text-primary);
}