/**
 * Variables CSS - Paleta de Colores
 * 
 * Paleta compacta centralizada. Incluir ANTES que cualquier otro CSS.
 * Uso: color: var(--color-primary); background-color: var(--color-success);
 */

:root {

    /* ============================================
       PRIMARIOS (Marca del sistema)
       ============================================ */
    --color-primary: #4d72b4;
    --color-primary-dark: #1952b5;
    --color-primary-light: #9DC3E6;

    /* ============================================
       ESTADO
       ============================================ */
    --color-success: #6ab33f;
    --color-danger: #F44336;
    --color-warning: #ff9800;
    --color-info: #00bcd4;

    /* ============================================
       NEUTROS
       ============================================ */
    --color-text: #37474f;
    --color-text-muted: #6b767b;
    --color-text-light: #9e9e9e;
    --color-border: #ccc;
    --color-border-light: #ddd;
    --color-bg: #f5f5f5;
    --color-bg-header: #eceff1;
    --color-bg-dark: #37474f;
    --color-bg-dark-alt: #526a76;

    /* ============================================
       COMPONENTES
       ============================================ */
    --color-table-header: #526a76;
    --color-table-hover: #eeeeee;
    --color-focus: #02609e;

    /* ============================================
       RANKING (Ordenes de servicio)
       ============================================ */
    --color-rank-1: #2e7d32;       /* Verde oscuro - 1er lugar */
    --color-rank-2: #1565c0;       /* Azul medio - 2do lugar */
    --color-rank-3: #e65100;       /* Naranja oscuro - 3er lugar */
    --color-rank-default: #9e9e9e; /* Gris - resto */

    /* ============================================
       UI ELEMENTS (Ordenes de servicio)
       ============================================ */
    --color-accent: #1976d2;        /* Azul acento (títulos, divisores) */
    --color-star: #ffc107;          /* Amarillo estrellas */
    --color-star-off: #e0e0e0;      /* Gris estrellas apagadas */
    --color-text-secondary: #757575;/* Gris secundario */

    /* ============================================
       FORMULARIOS (Focus y validación)
       ============================================ */
    --color-form-focus: #607d8b;    /* Focus de inputs (bordes, sombras) */
    --color-valid: #4CAF50;         /* Validación exitosa */
    --color-edit-hover: #87cefa;    /* Hover en campos editables */

    /* ============================================
       NEUTROS ADICIONALES
       ============================================ */
    --color-neutral-gray: #929aa8;  /* Fondos neutros (.fondo, .gris) */

    /* ============================================
       GRADIENTES
       ============================================ */
    --color-gradient-start: #3498db;/* Inicio gradientes */
    --color-gradient-end: #9b59b6;  /* Fin gradientes */

}

.fondoPrimario { background-color: var(--color-primary) !important; }
.textoPrimario { color: var(--color-primary) !important; }