/* Mona Sans 2.0.27 — SIL OFL 1.1 (assets/fonts/OFL.txt) */

/* Display Expanded — titres */
@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('../fonts/MonaSansDisplayExpanded-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('../fonts/MonaSansDisplayExpanded-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('../fonts/MonaSansDisplayExpanded-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('../fonts/MonaSansDisplayExpanded-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Mona Sans — texte courant */
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Expanded — nav, boutons, labels */
@font-face {
  font-family: 'Mona Sans Expanded';
  src: url('../fonts/MonaSansExpanded-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans Expanded';
  src: url('../fonts/MonaSansExpanded-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans Expanded';
  src: url('../fonts/MonaSansExpanded-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Tailles fluides entre 375px et 1440px de viewport. Racine à 18px : les
   valeurs px de la maquette sont rappelées en regard. */
:root {
  --font-display: 'Mona Sans Display Expanded', 'Mona Sans', Arial, sans-serif;
  --font-base: 'Mona Sans', Arial, sans-serif;
  --font-ui: 'Mona Sans Expanded', 'Mona Sans', Arial, sans-serif;

  --fw-title: 700;      /* h1–h3 */
  --fw-subtitle: 600;   /* h4–h6 */
  --fw-body: 400;       /* texte courant */
  --fw-medium: 600;     /* labels, UI, méta */

  --fs-h1: clamp(2rem, 1.296rem + 3.38vw, 4rem);          /*  36px → 72px */
  --fs-h2: clamp(1.667rem, 1.236rem + 2.066vw, 2.889rem); /*  30px → 52px */
  --fs-h3: clamp(1.333rem, 1.177rem + 0.751vw, 1.778rem); /*  24px → 32px */
  --fs-h4: clamp(1.222rem, 1.105rem + 0.563vw, 1.556rem); /*  22px → 28px */
  --fs-lead: clamp(1.111rem, 0.994rem + 0.563vw, 1.444rem); /* 20px → 26px — paragraphe intro */
  --fs-h5: clamp(1.111rem, 1.033rem + 0.376vw, 1.333rem); /*  20px → 24px */
  --fs-h6: clamp(1rem, 0.961rem + 0.188vw, 1.111rem);     /*  18px → 20px */
  --fs-body: clamp(1rem, 0.961rem + 0.188vw, 1.111rem);   /*  18px → 20px */
  --fs-small: clamp(0.889rem, 0.85rem + 0.188vw, 1rem);   /*  16px → 18px */
  --fs-ui: 0.778rem;                                      /*  14px — nav, boutons */
  --fs-meta: 0.889rem;                                    /*  16px — horaires, méta */
  --fs-badge: 0.611rem;                                   /*  11px — badges */

  --lh-display: 1.05;
  --lh-title: 1.15;
  --lh-subtitle: 1.25;
  --lh-body: 1.55;
}