/* ========== VARIABLES GLOBALES ========== */

:root {

    /* Couleurs */
    --color-or: #B8962E;
    --color-noir: #1E1C17;
    --color-creme: #FAF8F3;
    --color-sable: #F2EEE5;
    --color-taupe: #6B6558;
    --color-or-pale: #F5EDD6;
    --color-blanc: #FFFFFF;
    --color-muted: #9c9689;


    /* Typographies */

    --font-titre: 'Cormorant Garamond', serif;
    --font-body: 'Raleway', sans-serif;

    /* Tailles de police */

    --fs-hero: clamp(2.5rem, 5vw, 4.5rem);
    --fs-h1: clamp(2rem, 4vw, 3.5rem);
    --fs-h2: clamp(1.5rem, 3vw, 2.5rem);
    --fs-h3: 1.5rem;
    --fs-h4: 1.1rem;
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-label: 0.75rem;

    /* Espacements */

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;

    /* Boutons & UI */

    --border-radius: 4px;
    --border-radius-xl: 10px;
    --border-radius-l: 8px;
    --border-radius-m: 6px;
    --border-radius-s: 4px;
    --border-radius-xs: 2px;
    --letter-spacing: 0.1em;
    --transition: color 0.3s ease, background-color 0.3s ease,
        border-color 0.3s ease, box-shadow 0.3s ease,
        transform 0.3s ease, opacity 0.3s ease;


    /* Ombres */

    --shadow-soft: 0 4px 20px rgba(184, 150, 46, 0.1);
    --shadow-card: 0 2px 12px rgba(30, 28, 23, 0.08);

    /* Largeur max du contenu */

    --container-width: 1200px;

}