:root {
    /* Couleurs du Design System (Premium) */
    --color-ivoire: #F8F4ED;
    --color-dore: #C9A96E;
    --color-dore-hover: #b59862;
    --color-vert: #2C4A2E;
    --color-noir: #1A1A1A;
    --color-gris: #8B8B7A;
    --color-gris-clair: #EFEFEF;
    --color-blanc: #FFFFFF;

    /* Typographies (Google Fonts importées dans HTML) */
    --font-titres: 'Playfair Display', 'Cormorant Garamond', serif;
    --font-texte: 'Lato', Arial, sans-serif;

    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    --spacing-xxl: 8rem;

    /* Effets */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.5s ease;
    --transition-slow: 0.8s ease;
    --shadow-sm: 0 4px 15px rgba(26, 26, 26, 0.05);
    --shadow-md: 0 10px 30px rgba(26, 26, 26, 0.1);
    --shadow-lg: 0 20px 40px rgba(26, 26, 26, 0.15);
    
    /* Z-Index */
    --z-header: 100;
    --z-dropdown: 101;
    --z-lightbox: 1000;
}