/* --------------------------------------------------
   🎨 PALETA YOUTUBE DARK MODE — VARIABLES GLOBALES
   -------------------------------------------------- */

:root {
  /* 🎬 Fondos principales */
  --color-bg: #0f0f0f;              /* Fondo general (negro YouTube) */
  --color-bg-secondary: #181818;    /* Contenedores, tarjetas */
  --color-bg-elevated: #212121;     /* Menús, modales, elementos elevados */

  /* ✏️ Texto */
  --color-text: #ffffff;            /* Texto principal */
  --color-text-secondary: #aaaaaa;  /* Texto secundario */

  /* 📏 Bordes y líneas */
  --color-border: #303030;          /* Líneas sutiles estilo YouTube */

  /* 🔴 Acentos */
  --color-accent: #ff0000;          /* Rojo YouTube */
  --color-accent-hover: #cc0000;    /* Rojo hover */

  /* 🔵 Botones secundarios */
  --color-button: #3ea6ff;          /* Azul YouTube */
  --color-button-hover: #66baff;    /* Azul hover */

  /* 🌫 Sombras */
  --shadow-elevated: 0 2px 10px rgba(0,0,0,0.4);
}