/* Charte MLS Events — premier jet (le design system viendra plus tard).
   Fond noir, reflets mauve / rose / bleu pâle, blanc pour le texte. Les composants n'utilisent que les RÔLES. */

/* Titres : Anton — capitales condensées, très imposantes (affiches d'événement) */
@font-face {
    font-family: "Anton";
    src: url("../fonts/anton-latin-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Texte et sous-titres : Manrope — douce, aérée, très lisible (variable 200 → 800) */
@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Palette brute */
    --noir: #0b0a0e;
    --noir-2: #131119;
    --noir-3: #1c1924;
    --blanc: #f7f5fb;
    --gris: #a9a3b8;
    --mauve: #b48ae8;
    --rose: #f4a6cf;
    --bleu-pale: #a9d8f5;
    --violet-logo: #45245f;
    --lilas-logo: #dfcbef;

    /* Rôles */
    --surface: var(--noir);
    --surface-2: var(--noir-2);
    --surface-3: var(--noir-3);
    --encre: var(--blanc);
    --encre-douce: var(--gris);
    --accent: var(--mauve);
    --accent-2: var(--rose);
    --accent-3: var(--bleu-pale);
    --filet: rgb(247 245 251 / 0.12);
    /* Le seul dégradé du site : doux, deux teintes proches (mauve → rose pâle), sans le bleu.
       Sert aux mots mis en valeur dans les titres, au survol des boutons, aux soulignés du menu. */
    --degrade: linear-gradient(100deg, #bf9bec 0%, #e3b3e0 100%);
    --mise-en-valeur: var(--degrade);

    /* Typographie */
    --font-titre: "Anton", "Bebas Neue", Impact, "Arial Narrow", sans-serif;
    --font-texte: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Espacements généreux */
    --gouttiere: clamp(20px, 5vw, 64px);
    --section-y: clamp(96px, 14vw, 200px);
    --largeur: 1280px;
    --rayon: 18px;
}