/**
 * ISPS Theme — CSS Custom Properties (Design Tokens)
 * Todos los colores, fuentes y valores base del sitio.
 */
:root {
    /* Colores principales */
    --isps-blue:        #395CB8;
    --isps-blue-dark:   #1e3a8a;
    --isps-navy:        #0f172a;
    --isps-yellow:      #F59E0B;
    --isps-green:       #10B981;
    --isps-red:         #EF4444;

    /* Grises */
    --isps-slate:       #94a3b8;
    --isps-slate-dark:  #64748b;
    --isps-gris-claro:  #F1F5F9;
    --isps-gris-borde:  #E2E8F0;
    --isps-texto:       #1E293B;
    --isps-texto-light: #475569;
    --isps-white:       #ffffff;

    /* Fuentes */
    --isps-font-primary:   'Poppins', system-ui, sans-serif;
    --isps-font-secondary: 'Inter', system-ui, sans-serif;

    /* Layout */
    --isps-max-width:   1280px;
    --isps-max-content: 1200px;
    --isps-padding-x:   24px;

    /* Bordes */
    --isps-radius:      16px;
    --isps-radius-sm:   10px;
    --isps-radius-full: 50px;

    /* Sombras */
    --isps-shadow:      0 4px 16px rgba(0,0,0,0.08);
    --isps-shadow-md:   0 8px 24px rgba(0,0,0,0.12);
    --isps-shadow-lg:   0 20px 40px rgba(0,0,0,0.15);
    --isps-shadow-blue: 0 8px 24px rgba(57,92,184,0.3);

    /* Alias históricos (compatibilidad con widgets heredados) */
    --isps-gold:        #F59E0B;
    --isps-text:        #334155;
    --shadow-premium:   0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    --shadow-lg:        0 20px 40px rgba(0,0,0,0.15);
}