:root {
  /* --- COLORES PRINCIPALES (BRAND) --- */
  --brand-blue:       #1A5CFF;
  --brand-blue-glow:  rgba(26, 92, 255, 0.4);
  --brand-blue-dim:   rgba(26, 92, 255, 0.12);
  --brand-light-blue: #c3dfff;
  
  /* --- SUPERFICIES (DARK MODE) --- */
  --bg-deep:          #000000;
  --bg-surface:       #0A0D14;
  --bg-card:          rgba(255, 255, 255, 0.03);
  --bg-card-hover:    rgba(255, 255, 255, 0.06);
  
  /* --- TEXTO --- */
  --text-main:        #FFFFFF;
  --text-muted:       rgba(255, 255, 255, 0.6);
  --text-dim:         rgba(255, 255, 255, 0.35);
  
  /* --- GLASSMORPHISM --- */
  --glass-bg:         rgba(255, 255, 255, 0.04);
  --glass-blur:       blur(12px);
  --glass-border:     rgba(255, 255, 255, 0.08);
  --glass-shine:      linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  
  /* --- TIPOGRAFÍA --- */
  --font-heading:     'Instrument Serif', serif; /* Para el estilo itálico elegante */
  --font-body:        'Inter', sans-serif;
  
  /* --- ESPACIADO Y RADIOS --- */
  --radius-sm:        8px;
  --radius-md:        16px;
  --radius-lg:        24px;
  --radius-pill:      999px;
  --container-max:    1200px;
  
  /* --- ANIMACIONES --- */
  --transition-fast:  0.2s ease;
  --transition-slow:  0.6s cubic-bezier(0.16, 1, 0.3, 1);
}