/* ═══════════════════════════════════════════════
   THÈME : OCEAN (bleu nuit)
   ═══════════════════════════════════════════════ */
:root {
  --bg-base:        #0a0f1e;
  --bg-elevated:    #0e1628;
  --bg-card:        #131f35;
  --bg-hover:       #1a2a45;
  --bg-sidebar:     #070c18;
  --bg-player:      #0e1628;
  --bg-topbar:      rgba(10,15,30,0.9);

  --accent:         #00b4d8;
  --accent-hover:   #0096b7;
  --accent-dim:     #0077a0;

  --text-primary:   #e0f4ff;
  --text-secondary: #7ab8d4;
  --text-dim:       #3a5a70;

  --border:         #1e3050;
  --progress-bg:    #1e3050;

  --btn-primary-bg:   #00b4d8;
  --btn-primary-text: #000000;
  --btn-ghost-border: rgba(0,180,216,0.4);
  --btn-ghost-text:   #e0f4ff;

  --hero-gradient:  linear-gradient(180deg, #0d2137 0%, #0a0f1e 60%);
  --card-shadow:    0 8px 24px rgba(0,0,0,0.6);
}