/* ═══════════════════════════════════════════════════════════════════
   ZANE CORVO THEME - Dark Editorial Pop-Soul
   ═══════════════════════════════════════════════════════════════════
   Color palette extracted from zanecorvo.com
   Warm gold accents, dark editorial aesthetic
   
   Load: base.css + zanecorvo.css
═══════════════════════════════════════════════════════════════════ */

:root {
  /* ─────────────────────────────────────────────────
     COLOR PALETTE - ZANE CORVO OVERRIDES
  ───────────────────────────────────────────────── */

  /* Background layers - dark editorial */
  --zar-bg: #0a0a0f;
  --zar-bg-secondary: #12111a;
  --zar-bg-tertiary: #1a1828;

  /* Text colors - warm cream tones */
  --zar-text: #f0ece4;
  --zar-text-muted: #8a8070;
  --zar-text-faint: #4a4540;

  /* Gold accent from zanecorvo.com */
  --zar-accent: #c9a84c;
  --zar-accent-dark: #8b6914;
  --zar-accent-light: #e8cc6a;
  --zar-accent-glow: rgba(201, 168, 76, 0.15);

  /* Mint accent from palette (for secondary elements) */
  --zar-mint: #6b9e7a;
  --zar-mint-dark: #4a7a5a;

  /* ─────────────────────────────────────────────────
     PLAYER COMPONENT COLORS
  ───────────────────────────────────────────────── */

  --zar-player-bg: #12111a;
  --zar-player-border: rgba(201, 168, 76, 0.15);
  --zar-player-shadow: rgba(0, 0, 0, 0.5);

  /* ─────────────────────────────────────────────────
     BUTTON STATES
  ───────────────────────────────────────────────── */

  --zar-button-bg: transparent;
  --zar-button-border: rgba(201, 168, 76, 0.25);
  --zar-button-text: #f0ece4;
  --zar-button-hover: rgba(201, 168, 76, 0.1);
  --zar-button-active: rgba(201, 168, 76, 0.2);

  /* ─────────────────────────────────────────────────
     VISUALIZER
  ───────────────────────────────────────────────── */

  --zar-visualizer-color: #c9a84c;
  --zar-visualizer-bg: rgba(18, 17, 26, 0.8);
  --zar-visualizer-line-width: 1.5;

  /* ─────────────────────────────────────────────────
     PROGRESS BAR
  ───────────────────────────────────────────────── */

  --zar-progress-bg: rgba(201, 168, 76, 0.15);
  --zar-progress-fill: #c9a84c;
  --zar-progress-handle: #c9a84c;

  /* ─────────────────────────────────────────────────
     LYRICS
  ───────────────────────────────────────────────── */

  --zar-lyrics-color: #f0ece4;
  --zar-lyrics-marker-color: #c9a84c;

  /* ─────────────────────────────────────────────────
     SCROLLBAR
  ───────────────────────────────────────────────── */

  --zar-scrollbar-thumb: rgba(201, 168, 76, 0.3);
  --zar-scrollbar-thumb-hover: rgba(201, 168, 76, 0.6);

  /* ─────────────────────────────────────────────────
     LAYOUT CONTAINMENT
  ───────────────────────────────────────────────── */

  /* Override full-bleed to stay within container */
  --zar-hero-overflow-width: 100%;
  --zar-hero-overflow-margin: 0;
  --zar-controls-overflow-width: 100%;
  --zar-controls-overflow-margin: 0;
}