/* ==========================================================
   I-GSE | Variables de marca (paleta + tipografía)
   ========================================================== */
:root {
  /* Fondos (azul noche como base) */
  --ig-night:        #050516;
  --ig-night-2:      #0A0A24;
  --ig-surface:      #191930;
  --ig-deep:         #021644;
  --ig-deep-2:       #02162B;

  /* Marca */
  --ig-primary:      #3FA2F6;
  --ig-primary-dark: #0864B0;
  --ig-electric:     #008AFF;
  --ig-accent:       #AD49E1;   /* violeta de acento */
  --ig-cyan:         #22D3EE;   /* sugerido: acento frío complementario */

  /* Texto */
  --ig-text:         #A9AABA;
  --ig-text-soft:    #C6C7D5;
  --ig-white:        #FFFFFF;
  --ig-heading:      #FFFFFF;   /* títulos y texto destacado */

  /* Vidrio / bordes */
  --ig-glass:        rgba(255, 255, 255, .05);
  --ig-glass-2:      rgba(255, 255, 255, .08);
  --ig-border:       rgba(255, 255, 255, .12);
  --ig-border-2:     rgba(255, 255, 255, .22);

  /* Superficies según tema */
  --ig-card-bg:      linear-gradient(180deg, rgba(25,25,48,.75) 0%, rgba(10,10,36,.75) 100%);
  --ig-nav-scrolled: rgba(5, 5, 22, .82);
  --ig-popover-bg:   rgba(10, 10, 36, .97);
  --ig-input-bg:     rgba(255, 255, 255, .04);
  --ig-grid-line:    rgba(255, 255, 255, .035);
  --ig-panel-bg:     linear-gradient(160deg, var(--ig-deep) 0%, var(--ig-night-2) 100%);
  --ig-track:        rgba(255, 255, 255, .08);
  --ig-stroke:       rgba(255, 255, 255, .12);

  /* Degradados */
  --ig-grad-brand:   linear-gradient(135deg, var(--ig-primary) 0%, var(--ig-accent) 100%);
  --ig-grad-blue:    linear-gradient(135deg, var(--ig-primary) 0%, var(--ig-primary-dark) 100%);
  --ig-grad-hero:    radial-gradient(ellipse at 50% 100%, var(--ig-deep) 0%, var(--ig-night) 70%);

  /* Tipografía */
  --ig-font-body:    "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ig-font-title:   "Red Hat Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Otros */
  --ig-radius:       1.25rem;
  --ig-radius-sm:    .75rem;
  --ig-shadow:       0 20px 50px -20px rgba(0, 0, 0, .7);
  --ig-glow:         0 0 40px rgba(63, 162, 246, .35);
  --ig-nav-h:        84px;
  --ig-ease:         cubic-bezier(.22, .61, .36, 1);

  /* Integración con Bootstrap 5 */
  --bs-body-bg:            var(--ig-night);
  --bs-body-color:         var(--ig-text);
  --bs-body-font-family:   var(--ig-font-body);
  --bs-primary:            #3FA2F6;
  --bs-primary-rgb:        63, 162, 246;
  --bs-link-color:         var(--ig-primary);
  --bs-link-hover-color:   var(--ig-heading);
  --bs-border-color:       var(--ig-border);
  --bs-heading-color:      var(--ig-heading);
}