/* ================================================================
   THEME: Chugify
   Aesthetic: Spotify-dark, near-black, green accent.
   Background animation lives in background.js (the "depth wave
   field" canvas) — this file is colors/typography only.
   ================================================================ */

:root {
    --bg:         #0f0f0f;
    --surface:    #1a1a1a;
    --surface2:   #242424;
    --border:     #2e2e2e;
    --accent:       #1db954;  /* Spotify green */
    --accent-dim:   rgba(29, 185, 84, 0.18);
    --accent-light: #1ed760;
    --accent-hover: #1ed760;
    --accent-glow:      rgba(29, 185, 84, 0.45);
    --accent-glow-fade: rgba(29, 185, 84, 0);
    --text:       #ffffff;
    --muted:      #888888;
    --mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Consolas', monospace;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --logo-icon-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
    --logo-text-gradient: linear-gradient(135deg, #ffffff 0%, #aaaaaa 100%);
    --logo-text-color: #ffffff;
    --play-btn-icon: #000000;
    --play-btn-hover-filter: none;
    --track-fmt-border: #333333;
    --lossless:        #7eb8a4;
    --lossless-border:  rgba(126,184,164,0.5);
    --lossless-bg:      rgba(126,184,164,0.1);
    --drawer-shadow: 0 -4px 32px rgba(0,0,0,0.5);

    /* Casing: Chugify is uppercase everywhere */
    --case-logo-text:       uppercase;
    --case-track-label:     uppercase;
    --case-playlist-context: uppercase;
    --case-track-title:     uppercase;
    --case-action-btn:      uppercase;
    --case-switcher-label:  uppercase;
    --case-playlist-pill:   uppercase;
    --case-track-name:      uppercase;
    --case-track-fmt:       uppercase;
    --case-drawer-label:    uppercase;
}