/* ==========================================================================
   Variables globales — charte graphique L'Univers d'Éros et Aphrodite
   ========================================================================== */

:root {
    /* Couleurs de marque */
    --color-bg: #faf8f5;
    --color-bg-alt: #f4f1eb;
    --color-text: #222222;
    --color-text-soft: #5a5654;
    --color-gold: #b89b5e;
    --color-gold-dark: #99814d;
    --color-gold-light: #d4c39a;
    --color-white: #ffffff;
    --color-grey: #ece8e2;
    --color-border: rgba(34, 34, 34, 0.1);
    --color-overlay: rgba(20, 18, 16, 0.45);

    /* Typographie */
    --font-heading: "Cormorant Garamond", "Georgia", serif;
    --font-body: "Poppins", "Helvetica Neue", Arial, sans-serif;

    --fs-h1: clamp(2.4rem, 5vw, 4.2rem);
    --fs-h2: clamp(2rem, 3.6vw, 3rem);
    --fs-h3: clamp(1.4rem, 2.2vw, 1.85rem);
    --fs-lead: clamp(1.05rem, 1.6vw, 1.25rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-tag: 0.8rem;

    --lh-heading: 1.15;
    --lh-body: 1.75;

    /* Espacements */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 8rem;

    /* Mise en page */
    --container-width: 1220px;
    --container-padding: 1.5rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --header-height: 92px;
    --header-height-scrolled: 76px;

    /* Effets */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    --transition-slow: 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    --shadow-soft: 0 10px 40px rgba(34, 34, 34, 0.06);
    --shadow-medium: 0 20px 60px rgba(34, 34, 34, 0.1);
    --shadow-gold: 0 10px 30px rgba(184, 155, 94, 0.25);

    /* Empilement */
    --z-header: 100;
    --z-overlay: 200;
    --z-lightbox: 300;
}