:root {
  /* ---------- Layout ---------- */
  --header-height: 80px;
  --card-radius: 12px;
  --transition-speed: 0.4s;

  /* ---------- Tipografía ---------- */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---------- Colores base ---------- */
  --text-light: #ffffff;
  --text-dark: #111;
  --color-dark: #111;
  --color-darker: #1a1409;
  --color-black: #000;
  --color-gold: #d4b896;
  --color-gold-dark: #b8924a;

  /* ---------- Componentes ---------- */
  --play-size: 64px;
  --play-color: rgba(255, 255, 255, 0.95);

  /* ---------- Breakpoints de referencia ---------- */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1200px;
}