/* Paleta de colores para Mantenciones Flash */

:root {
    /* Colores principales */
    --primary-blue: #0056b3;      /* Azul principal */
    --secondary-blue: #003366;    /* Azul oscuro */
    --accent-blue: #00a8e8;       /* Azul acento */
    
    /* Colores neutros */
    --dark-black: #111111;        /* Negro principal */
    --gray-dark: #333333;         /* Gris oscuro */
    --gray-medium: #6c757d;       /* Gris medio */
    --gray-light: #e9ecef;        /* Gris claro */
    --white: #ffffff;             /* Blanco */
    
    /* Colores de acento complementarios */
    --accent-yellow: #ffc107;     /* Amarillo acento */
    --accent-orange: #fd7e14;     /* Naranja acento */
    
    /* Colores de estado */
    --success: #28a745;           /* Verde éxito */
    --danger: #dc3545;            /* Rojo error */
    --warning: #ffc107;           /* Amarillo advertencia */
    --info: #17a2b8;              /* Azul información */
}

/*
Uso recomendado:

1. Colores principales:
   - --primary-blue: Color principal para botones, encabezados y elementos destacados
   - --secondary-blue: Fondos de secciones, pies de página
   - --accent-blue: Elementos interactivos, iconos, detalles

2. Colores neutros:
   - --dark-black: Texto principal
   - --gray-dark: Subtítulos, texto secundario
   - --gray-medium: Bordes, separadores
   - --gray-light: Fondos alternos, bordes suaves
   - --white: Fondos principales, texto sobre fondos oscuros

3. Colores de acento complementarios:
   - --accent-yellow: Destacados, llamadas a la acción secundarias
   - --accent-orange: Elementos de atención, promociones

4. Colores de estado:
   - Para mensajes y notificaciones según su naturaleza
*/