:root {
  --bg-primary: #121212;
  --bg-secondary: #181818;
  --bg-card: #1a1a1a;
  --bg-card-hover: #282828;
  --bg-sidebar: #0a0a0a;
  --bg-player: #181818;
  
  --text-primary: #ffffff;
  --text-secondary: #b3b3b3;
  --text-dim: #727272;
  
  --accent-gold: #C8963E;
  --accent-brown: #8B5E3C;
  --accent-hover: #D4A84E;
  --accent-green: #1DB954;
  --danger: #e74c3c;
  
  --sidebar-width: 240px;
  --sidebar-collapsed: 72px;
  --player-height: 90px;
  --mobile-nav-height: 60px;
  
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  
  --font-family: 'Poppins', sans-serif;
  
  --glow-gold: 0 0 20px rgba(200, 150, 62, 0.3);
  --glow-gold-strong: 0 0 30px rgba(200, 150, 62, 0.55);
  --glow-gold-aura: 0 0 45px rgba(200, 150, 62, 0.35);
  --glow-card: 0 8px 32px rgba(200, 150, 62, 0.15);
  --border-gold-subtle: 1px solid rgba(200, 150, 62, 0.2);
  --border-gold: 1px solid rgba(200, 150, 62, 0.35);
  --border-gold-glow: 0 0 12px rgba(200, 150, 62, 0.25);
  --gold-gradient: linear-gradient(135deg, #F3D082 0%, #C8963E 50%, #8B5E3C 100%);
  --gold-gradient-hover: linear-gradient(135deg, #FFE194 0%, #D4A84E 50%, #A46F46 100%);
  --np-sidebar-width: 340px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
}