/* ═══════════════════════════════════════════
   TOKENS — Gran Vía Design System
   Paleta: azul profundo + plata/blanco
═══════════════════════════════════════════ */
:root {
  /* ─── Brand Blues ─── */
  --blue-950:   #040c1a;
  --blue-900:   #060f22;
  --blue-800:   #0a1830;
  --blue-700:   #0d2040;
  --blue-600:   #0f2d5a;
  --blue-500:   #1a4080;
  --blue-400:   #2257a8;
  --blue-300:   #3a76d4;
  --blue-200:   #7ab0f0;
  --blue-100:   #c5daf9;

  /* ─── Neutrals ─── */
  --white:      #ffffff;
  --white-80:   rgba(255,255,255,0.80);
  --white-60:   rgba(255,255,255,0.60);
  --white-40:   rgba(255,255,255,0.40);
  --white-20:   rgba(255,255,255,0.20);
  --white-10:   rgba(255,255,255,0.10);
  --white-06:   rgba(255,255,255,0.06);
  --text-muted: rgba(255,255,255,0.38);

  /* ─── Glass / Surface ─── */
  --glass-bg:     rgba(6,15,34,0.65);
  --glass-border: rgba(255,255,255,0.10);
  --silver-dim:   rgba(232,238,248,0.15);

  /* ─── Radii ─── */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  22px;

  /* ─── Easing ─── */
  --ease-out: cubic-bezier(0.16,1,0.3,1);

  /* ─── OLED Foundation ─── */
  --oled-bg:           #00040e;

  /* ─── Glass Surfaces ─── */
  --glass-card:        rgba(8,18,42,0.48);
  --glass-panel:       rgba(6,15,34,0.62);
  --glass-heavy:       rgba(4,12,26,0.82);

  /* ─── Glass Borders (extended) ─── */
  --glass-border-hi:   rgba(255,255,255,0.14);
  --glass-border-blue: rgba(58,118,212,0.30);

  /* ─── Glass Shadows ─── */
  --shadow-card:  0 6px 28px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.08);
  --shadow-panel: 0 10px 40px rgba(0,0,0,0.50), inset 0 1px 0 rgba(255,255,255,0.07);
  --shadow-modal: 0 -8px 48px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09);

  /* ─── Section Tint ─── */
  --section-tint:      rgba(6,15,34,0.35);
}