/* TEMA: MORADO (por defecto) */
:root {
  /* Colores principales */
  --color-primary: #7c3aed;
  --color-primary-dark: #6d28d9;
  --color-primary-light: #a78bfa;
  
  /* Fondos */
  --bg-dark: #1a1a2e;
  --bg-darker: #16213e;
  --bg-hover: #2d2d5e;
  --bg-playing: #3b1f7a;
  --bg-input: #0f3460;
  
  /* Bordes */
  --border-color: #2d2d5e;
  --border-primary: #7c3aed;
  
  /* Texto */
  --text-primary: #a78bfa;
  --text-secondary: #e0e0e0;
  --text-tertiary: #d1d5db;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #dc2626;
  --color-delete-hover: #b91c1c;
}

/* TEMA: VERDE */
[data-theme="verde"] {
  /* Colores principales */
  --color-primary: #10b981;
  --color-primary-dark: #059669;
  --color-primary-light: #6ee7b7;
  
  /* Fondos */
  --bg-dark: #0f2f1f;
  --bg-darker: #1a3a2a;
  --bg-hover: #2d5244;
  --bg-playing: #1f4d35;
  --bg-input: #0d1f14;
  
  /* Bordes */
  --border-color: #2d5244;
  --border-primary: #10b981;
  
  /* Texto */
  --text-primary: #6ee7b7;
  --text-secondary: #d1fae5;
  --text-tertiary: #a7f3d0;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #ef4444;
  --color-delete-hover: #dc2626;
}

/* TEMA: AZUL */
[data-theme="azul"] {
  /* Colores principales */
  --color-primary: #3b82f6;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #93c5fd;
  
  /* Fondos */
  --bg-dark: #0f172a;
  --bg-darker: #1e293b;
  --bg-hover: #334155;
  --bg-playing: #1e3a8a;
  --bg-input: #0c1222;
  
  /* Bordes */
  --border-color: #334155;
  --border-primary: #3b82f6;
  
  /* Texto */
  --text-primary: #93c5fd;
  --text-secondary: #e0e7ff;
  --text-tertiary: #bfdbfe;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #ef4444;
  --color-delete-hover: #dc2626;
}

/* TEMA: ROJO */
[data-theme="rojo"] {
  /* Colores principales */
  --color-primary: #ef4444;
  --color-primary-dark: #dc2626;
  --color-primary-light: #fca5a5;
  
  /* Fondos */
  --bg-dark: #1f0f0f;
  --bg-darker: #2d1515;
  --bg-hover: #4a2424;
  --bg-playing: #5a2d2d;
  --bg-input: #150a0a;
  
  /* Bordes */
  --border-color: #4a2424;
  --border-primary: #ef4444;
  
  /* Texto */
  --text-primary: #fca5a5;
  --text-secondary: #fecaca;
  --text-tertiary: #fbbf24;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #7c2d12;
  --color-delete-hover: #a16207;
}

/* TEMA: CIAN */
[data-theme="cian"] {
  /* Colores principales */
  --color-primary: #06b6d4;
  --color-primary-dark: #0891b2;
  --color-primary-light: #67e8f9;
  
  /* Fondos */
  --bg-dark: #082f46;
  --bg-darker: #0e394f;
  --bg-hover: #164e63;
  --bg-playing: #164e63;
  --bg-input: #051f27;
  
  /* Bordes */
  --border-color: #164e63;
  --border-primary: #06b6d4;
  
  /* Texto */
  --text-primary: #67e8f9;
  --text-secondary: #cffafe;
  --text-tertiary: #a5f3fc;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #ef4444;
  --color-delete-hover: #dc2626;
}

/* TEMA: ROSA */
[data-theme="rosa"] {
  /* Colores principales */
  --color-primary: #ec4899;
  --color-primary-dark: #be185d;
  --color-primary-light: #f472b6;
  
  /* Fondos */
  --bg-dark: #2d0f3d;
  --bg-darker: #3d1546;
  --bg-hover: #5a2056;
  --bg-playing: #6b2565;
  --bg-input: #1a0a22;
  
  /* Bordes */
  --border-color: #5a2056;
  --border-primary: #ec4899;
  
  /* Texto */
  --text-primary: #f472b6;
  --text-secondary: #fbcfe8;
  --text-tertiary: #f9a8d4;
  --text-muted: #6b7280;
  
  /* Acciones */
  --color-delete: #be185d;
  --color-delete-hover: #831843;
}

/* TEMA: NEGRO */
[data-theme="negro"] {
  /* Colores principales */
  --color-primary: #126200;
  --color-primary-dark: #000000;
  --color-primary-light: #055b00;

  /* Fondos */
  --bg-dark: #020202;
  --bg-darker: #090909;
  --bg-hover: #011204;
  --bg-playing: #059520;
  --bg-input: #0f6100;

  /* Bordes */
  --border-color: #021802;
  --border-primary: #00670a;

  /* Texto */
  --text-primary: #207900;
  --text-secondary: #13bd57;
  --text-tertiary: #05a200;
  --text-muted: #00a919;

  /* Acciones */
  --color-delete: #b91c1c;
  --color-delete-hover: #991b1b;
}