/* ============================================================
   🎧 Harmonix — Root.css (v2.0.0)
   Variables CSS modernes
   ============================================================ */

   :root {
    /* Palette modernisée */
    --gold: #d4af37;
    --gold-light: #f0c040;
    --gold-dim: rgba(212, 175, 55, 0.1);
    
    --bg-dark: #0a1628;
    --bg-surface: #12192b;
    --bg-elevated: #1a2332;
    --bg-hover: #242d3f;
    
    --text: #ffffff;
    --text-muted: #a0aec0;
    --border: rgba(255, 255, 255, 0.08);
    
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    --radius: 12px;
    --transition: 0.2s ease;
    
    /* Layout */
    --sidebar-width: 200px;
    --player-height: 90px;
    
    /* Typographie */
    --ff: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --fs-100: 12px;
    --fs-200: 14px;
    --fs-300: 16px;
    --fs-400: 20px;
    
    /* Espacement */
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    
    /* Anciennes variables (compatibilité) */
    --accent: var(--gold);
    --accent-light: var(--gold-light);
    --accent-ink: #1a1a1a;
    --text-primary: var(--text);
    --bg: var(--bg-dark);
    --bg-elev1: var(--bg-surface);
    --bg-elev2: var(--bg-elevated);
}