:root {
  /* ── Paleta Valorant (intro) ── */
  --val-bg:           #0F1923;
  --val-bg-texture:   #0a1520;
  --val-red:          #FF4655;
  --val-red-glow:     rgba(255, 70, 85, 0.4);
  --val-white:        #ECE8E1;
  --val-gray:         #768079;
  --val-dark:         #060d12;

  /* ── Paleta Timeline romántico ── */
  --tl-bg:            #1A0D10;
  --tl-bg-card:       #221116;
  --tl-bg-card-hover: #2a1520;
  --tl-pink:          #FF8FA3;
  --tl-pink-glow:     rgba(255, 143, 163, 0.25);
  --tl-pink-glow-sm:  rgba(255, 143, 163, 0.12);
  --tl-red:           #FF4D6D;
  --tl-red-glow:      rgba(255, 77, 109, 0.3);
  --tl-text:          #FFE4E8;
  --tl-text-muted:    #9A6B74;
  --tl-border:        rgba(255, 143, 163, 0.2);
  --tl-border-strong: rgba(255, 143, 163, 0.45);
  --tl-line:          rgba(255, 77, 109, 0.5);

  /* ── Tipografía ── */
  --font-val:         'Rajdhani', 'Segoe UI', sans-serif;
  --font-rom:         'Cormorant Garamond', Georgia, serif;

  /* ── Easing ── */
  --ease-sharp:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce:      cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-cinema:      cubic-bezier(0.43, 0.195, 0.02, 1);

  /* ── Z-index ── */
  --z-intro:          1000;
  --z-overlay:        900;

  /* ── Breakpoints (como referencia en comentarios) ── */
  /* --bp-sm: 640px  --bp-md: 1024px */
}