/* =========================================================
   Variables globales (paleta, tipografía, medidas)
   Cambia aquí los colores de la marca una sola vez.
   ========================================================= */

:root {
    /* Paleta marca */
    --azul:        #2563eb;
    --azul-claro:  #3b82f6;
    --azul-elec:   #06b6d4;   /* azul eléctrico / cian */
    --negro:       #0b1120;
    --gris-oscuro: #111827;
    --gris-card:   #1a2333;
    --gris-borde:  #243049;
    --gris-texto:  #94a3b8;
    --blanco:      #f8fafc;

    /* Degradados */
    --grad-azul:   linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    --grad-oscuro: linear-gradient(180deg, #0b1120 0%, #111827 100%);

    /* Tipografía */
    --font: 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;

    /* Medidas */
    --radio:     16px;
    --radio-sm:  10px;
    --max-ancho: 1200px;
    --espacio:   clamp(3.5rem, 8vw, 6rem);

    /* Sombras */
    --sombra:      0 10px 30px rgba(0, 0, 0, .35);
    --sombra-azul: 0 10px 40px rgba(37, 99, 235, .35);

    /* Transición */
    --trans: .3s ease;
}