/* ===========================================
   VARIABLES CSS - Christmas Playlist
   =========================================== */

:root {
    /* Couleurs principales */
    --color-bg-dark: #0a0a0f;
    --color-bg-medium: #12121a;
    --color-bg-light: #1a1a2e;

    /* Accents - Palette festive de Noël */
    --color-gold: #d4af37;
    --color-gold-light: #f0d875;
    --color-gold-dark: #a67c00;
    --color-burgundy: #8b2942;
    --color-burgundy-light: #b03a57;
    --color-red: #c41e3a;
    --color-red-light: #ff6b6b;
    --color-red-holly: #b22222;
    --color-green: #1a472a;
    --color-green-light: #2d5a3f;
    --color-green-tree: #228b22;
    --color-green-pine: #0b3d0b;

    /* Nouvelles couleurs festives */
    --color-snow: #fffafa;
    --color-ice: #e0f7fa;
    --color-candy-cane: #ff6b6b;
    --color-pine-cone: #8b4513;
    --color-silver: #c0c0c0;
    --color-bronze: #cd7f32;
    --color-cranberry: #9e1b32;

    /* Texte */
    --color-text-primary: #ffffff;
    --color-text-secondary: rgba(255, 255, 255, 0.7);
    --color-text-muted: rgba(255, 255, 255, 0.5);

    /* États */
    --color-success: #22c55e;
    --color-error: #ef4444;
    --color-warning: #f59e0b;

    /* Glass effect */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);

    /* Dimensions */
    --header-height: 70px;
    --footer-height: 50px;
    --max-width: 1200px;
    --border-radius: 16px;
    --border-radius-sm: 8px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Fonts */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-festive: 'Playfair Display', Georgia, serif;

    /* Z-index */
    --z-particles: 0;
    --z-content: 1;
    --z-header: 100;
    --z-modal: 1000;
    --z-toast: 2000;
}