/**
 * VIA OPERA - Global Stylesheet
 * Palette Noir/Blanc/Doré - Élégance lyrique classique-moderne
 * 
 * Fichier principal : Variables CSS uniquement
 * Les autres fichiers CSS sont chargés séparément dans base.html
 */

/* ============================================
   GOOGLE FONTS IMPORT
   Note: Les polices sont également chargées dans base.html
   pour de meilleures performances
   ============================================ */

/* ============================================
   VARIABLES CSS - Palette de couleurs
   ============================================ */
:root {
    /* Couleurs principales */
    --color-black: #0a0a0a;
    --color-white: #ffffff;
    --color-gold: #D4AF37;

    --color-cream: #F5F5DC;
    
    /* Variations de noir */
    --color-black-light: #1a1a1a;
    --color-black-lighter: #2a2a2a;
    --color-grey-dark: #333333;
    --color-grey: #666666;
    --color-grey-light: #999999;
    
    /* Variations de doré */
    --color-gold-light: #E5C85A;
    --color-gold-dark: #B8941F;
    --color-gold-pale: #F4E4BC;
    
    /* Variations de blanc */
    --color-white-soft: #f8f8f8;
    --color-white-dark: #e8e8e8;
    
    /* Typographie - Serif élégant pour titres */
    --font-heading-primary: 'Playfair Display', 'Cormorant Garamond', 'Georgia', serif;
    --font-heading-secondary: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;
    
    /* Typographie - Sans-serif lisible pour corps */
    --font-body-primary: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;
    --font-body-secondary: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;

   /* --font-stylistic-primary: 'Great Vibes', 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;*/
   --font-stylistic-primary: 'Cinzel Decorative', 'BBH Bartle', 'Open Sans', sans-serif;
    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    --spacing-xxl: 6rem;
    --spacing-xxxl: 8rem;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Effets */
    --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.2);
    --shadow-gold: 0 2px 12px rgba(212, 175, 55, 0.3);
}