/* ========================================
   VARIÁVEIS CSS GLOBAIS - MÚSICA PREMIADA
   ======================================== */

:root {
    /* Cores do Tema Spotify */
    --spotify-green: #1db954;
    --spotify-dark: #191414;
    --spotify-darker: #121212;
    --spotify-gray: #282828;
    --spotify-light-gray: #b3b3b3;
    --spotify-white: #ffffff;
    --spotify-black: #000000;
    
    /* Cores de Status */
    --success-color: #1db954;
    --danger-color: #e22134;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    
    /* Cores de Background */
    --bg-primary: #0a0a0a;
    --bg-secondary: #121212;
    --bg-tertiary: #282828;
    
    /* Cores de Texto */
    --text-primary: #ffffff;
    --text-secondary: #b3b3b3;
    --text-muted: #999999;
    
    /* Bordas */
    --border-color: #404040;
    --border-radius: 8px;
    --border-radius-lg: 15px;
    --border-radius-pill: 25px;
    
    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.3);
    
    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Z-Index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 9999;
}