/* ========= Tokens ========= */
:root{
    --bg:#0b0b0c ; --grey:#9e9e9e; --middle-grey: #333;
    --pink:#ca1587; --pink-ink:#9F2A74; --pink-three:#74325C;--pink-four:#4A2C3F;
    --yellow:#eeca2e;

    /* Hauteur visuelle du header fixe */
    --header-h:64px;

    /* Nouveaux tokens pour l'espacement du menu */
    --nav-gap-desktop: 40px;  /* écart horizontal entre items (desktop) */
    --nav-gap-mobile: 16px;   /* écart vertical entre items (menu mobile) */
    --nav-link-pad-x: 10px;   /* padding horizontal de chaque lien */
    --nav-pad-right: 48px;    /* marge supplémentaire à droite du header */
}



/* ========= Base ========= */
*{box-sizing:border-box}
html,body{height:100%}

body{
    margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    color:var(--fg); background:white; line-height:1.2;
    padding-top:var(--header-h);
}
section{scroll-margin-top:84px; padding:42px 20px}
.container{max-width:var(--max); margin:auto}





/* ========= Header / Nav ========= */
.site-header{
    position:fixed; top:0; left:0; right:0; z-index:1000;
    background:white;
    backdrop-filter:saturate(180%) blur(12px);
    -webkit-backdrop-filter:saturate(180%) blur(12px);
    border-bottom:1px solid rgba(17,19,21,.06);
}

.nav{
    max-width:var(--max); margin:auto; display:flex; align-items:center; justify-content:space-between;
    padding-block:14px;
    padding-left:20px;
    padding-right:var(--nav-pad-right); /* plus d’air à droite */
}
.brand{display:flex; align-items:baseline; gap:.35rem; color:var(--pink-three); text-decoration:none}
.brand__top,.brand__bottom{font-family:"Playfair Display",sans-serif; font-weight:900; font-size:1.5rem; letter-spacing:.08em}

/* écarte davantage les items du menu sur desktop */
.nav__list{
    display:flex; gap:var(--nav-gap-desktop); align-items:center;
}

/* liens cliquables */
.nav__link{
    color:var(--pink-ink); text-decoration:none; font-weight:200;
    padding-inline: var(--nav-link-pad-x);
}

.nav__link:hover,.nav__link:focus{color:var(--pink-three); text-decoration:underline}
.nav__link.active,.nav__link[aria-current="page"]{color:var(--pink-ink); text-decoration:underline}
.nav__burger{display:none; background:none; border:0; font-size:1.1rem; color:var(--pink-ink)}

@media (max-width:920px){
    .nav__list{display:none}
    .nav__burger{display:block}
    .nav--open .nav__list{
        /* S’ouvre juste sous le header fixe, décollé des bords */
        /* ancien: inset:var(--header-h) 12px auto; */
        inset: var(--header-h) 20px auto;
        position:fixed; display:flex; flex-direction:column;
        gap:var(--nav-gap-mobile);
        background:#fff; border:1px solid rgba(17,19,21,.08); border-radius:12px; box-shadow:0 20px 40px rgba(0,0,0,.12); padding:14px;
    }
    .nav--open .nav__list .nav__link{
        color:var(--pink);
        padding:12px var(--nav-link-pad-x);
        border-radius:10px;
    }
}


/* ========= Footer ========= */

/* Footer global */
footer{
    background:var(--pink-three);
    color:#fff;
}

/* Grille footer */
.footer{
    width:100%;
    margin:auto;
    padding:16px 92px 16px 20px;
    display:grid;
    gap:16px;
    grid-template-columns:1fr auto;
    align-items:center;
}

/* Liens du menu du footer  */
.footer a,
.footer .nav__link{
    color:#fff;
    text-decoration:none;
    font-weight:200;
}

.footer a:hover,
.footer a:focus{
    color:#fff;
    opacity:.85;
}


.footer > div:first-child > div:nth-child(2){
    font-weight:200;            /* <- plus fin */
}