/**
 * Variables CSS Globales
 * Define la paleta de colores y valores reutilizables de la aplicación
 */

:root {
    /* Colores principales */
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --accent-color: #a855f7;
    
    /* Colores de texto */
    --text-color: #ffffff;
    --text-secondary: #e0e7ff;
    
    /* Colores especiales */
    --highlight-color: #b0bdf8;
    --error-color: #ff6b6b;
    
    /* Gradientes */
    --gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}