/* ═══════════════════════════════════════════════════════
   ANGULO MUERTO — Paleta de colores
   Tema: Oscuro + Neón Cyan
═══════════════════════════════════════════════════════ */
:root {
  /* Fondos — púrpura profundo */
  --bg-primary:    #07030e;
  --bg-secondary:  #0d0520;
  --bg-tertiary:   #130830;
  --bg-card:       rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(0, 212, 255, 0.06);

  /* Acento neón cyan */
  --accent:              #00d4ff;
  --accent-dim:          rgba(0, 212, 255, 0.55);
  --accent-glow:         rgba(0, 212, 255, 0.12);
  --accent-glow-strong:  rgba(0, 212, 255, 0.35);
  --accent-glow-text:    rgba(0, 212, 255, 0.8);

  /* Azul secundario */
  --blue-deep:     #0040ff;
  --blue-glow:     rgba(0, 64, 255, 0.12);

  /* Texto */
  --text-primary:   #eeeeff;
  --text-secondary: #7878a0;
  --text-muted:     #3a3a5a;

  /* Bordes */
  --border:        rgba(0, 212, 255, 0.12);
  --border-hover:  rgba(0, 212, 255, 0.45);
  --border-card:   rgba(255, 255, 255, 0.06);

  /* Instagram */
  --ig-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);

  /* Acento retro — magenta */
  --accent-2:       #ff2d78;
  --accent-2-dim:   rgba(255, 45, 120, 0.55);
  --accent-2-glow:  rgba(255, 45, 120, 0.12);

  /* Spotify */
  --spotify: #1DB954;

  /* Layout */
  --nav-height:    68px;
  --section-pad:   6rem;
  --radius-card:   16px;
  --radius-sm:     8px;
}