[data-theme="catppuccin-mocha"] {
  --color-primary: #89b4fa;
  --color-primary-hover: #74c7ec;
  --color-primary-light: #1e2a3a;
  --color-accent: #f9e2af;
  --color-accent-hover: #f5c2e7;
  --color-surface: #1e1e2e;
  --color-surface-alt: #181825;
  --color-text: #cdd6f4;
  --color-text-secondary: #a6adc8;
  --color-border: #313244;
  --color-danger: #f38ba8;
  --color-danger-hover: #eba0ac;
  --color-sidebar: #181825;
  --color-sidebar-hover: #1e1e2e;
  --color-sidebar-text: #a6adc8;
  --color-sidebar-text-hover: #cdd6f4;
  --color-navbar: rgba(30, 30, 46, 0.85);
  --color-play-icon: rgba(30, 30, 46, 0.9);
  --color-bg-gradient: linear-gradient(135deg, #1e1e2e 0%, #181825 100%);
}

[data-theme="catppuccin-mocha"] body {
  background: linear-gradient(135deg, #1e1e2e 0%, #181825 100%);
}

[data-theme="catppuccin-latte"] {
  --color-primary: #1e66f5;
  --color-primary-hover: #2060df;
  --color-primary-light: #dce0e8;
  --color-accent: #df8e1d;
  --color-accent-hover: #ea76cb;
  --color-surface: #eff1f5;
  --color-surface-alt: #e6e9ef;
  --color-text: #4c4f69;
  --color-text-secondary: #6c6f85;
  --color-border: #ccd0da;
  --color-danger: #d20f39;
  --color-danger-hover: #e64553;
  --color-sidebar: #dce0e8;
  --color-sidebar-hover: #ccd0da;
  --color-sidebar-text: #5c5f77;
  --color-sidebar-text-hover: #4c4f69;
  --color-navbar: rgba(239, 241, 245, 0.85);
  --color-play-icon: rgba(239, 241, 245, 0.9);
  --color-bg-gradient: linear-gradient(135deg, #eff1f5 0%, #e6e9ef 100%);
}

[data-theme="catppuccin-latte"] body {
  background: linear-gradient(135deg, #eff1f5 0%, #e6e9ef 100%);
}

[data-theme="nord"] {
  --color-primary: #88c0d0;
  --color-primary-hover: #81a1c1;
  --color-primary-light: #3b4252;
  --color-accent: #ebcb8b;
  --color-accent-hover: #d08770;
  --color-surface: #2e3440;
  --color-surface-alt: #3b4252;
  --color-text: #eceff4;
  --color-text-secondary: #d8dee9;
  --color-border: #4c566a;
  --color-danger: #bf616a;
  --color-danger-hover: #c97a7f;
  --color-sidebar: #2e3440;
  --color-sidebar-hover: #3b4252;
  --color-sidebar-text: #d8dee9;
  --color-sidebar-text-hover: #eceff4;
  --color-navbar: rgba(46, 52, 64, 0.85);
  --color-play-icon: rgba(46, 52, 64, 0.9);
  --color-bg-gradient: linear-gradient(135deg, #2e3440 0%, #3b4252 100%);
}

[data-theme="nord"] body {
  background: linear-gradient(135deg, #2e3440 0%, #3b4252 100%);
}

[data-theme="tokyo-night"] {
  --color-primary: #7aa2f7;
  --color-primary-hover: #6d91d6;
  --color-primary-light: #1a2332;
  --color-accent: #e0af68;
  --color-accent-hover: #f7768e;
  --color-surface: #1a1b26;
  --color-surface-alt: #1f2335;
  --color-text: #a9b1d6;
  --color-text-secondary: #565f89;
  --color-border: #24283b;
  --color-danger: #f7768e;
  --color-danger-hover: #db4b4b;
  --color-sidebar: #16161e;
  --color-sidebar-hover: #1f2335;
  --color-sidebar-text: #565f89;
  --color-sidebar-text-hover: #a9b1d6;
  --color-navbar: rgba(26, 27, 38, 0.85);
  --color-play-icon: rgba(26, 27, 38, 0.9);
  --color-bg-gradient: linear-gradient(135deg, #1a1b26 0%, #1f2335 100%);
}

[data-theme="tokyo-night"] body {
  background: linear-gradient(135deg, #1a1b26 0%, #1f2335 100%);
}

[data-theme="monokai"] {
  --color-primary: #a6e22e;
  --color-primary-hover: #96e226;
  --color-primary-light: #3e3d32;
  --color-accent: #fd971f;
  --color-accent-hover: #f92672;
  --color-surface: #272822;
  --color-surface-alt: #3e3d32;
  --color-text: #f8f8f2;
  --color-text-secondary: #75715e;
  --color-border: #49483e;
  --color-danger: #f92672;
  --color-danger-hover: #ff3d81;
  --color-sidebar: #1e1f1c;
  --color-sidebar-hover: #272822;
  --color-sidebar-text: #75715e;
  --color-sidebar-text-hover: #f8f8f2;
  --color-navbar: rgba(39, 40, 34, 0.85);
  --color-play-icon: rgba(39, 40, 34, 0.9);
  --color-bg-gradient: linear-gradient(135deg, #272822 0%, #3e3d32 100%);
}

[data-theme="monokai"] body {
  background: linear-gradient(135deg, #272822 0%, #3e3d32 100%);
}