/* Design tokens + polices
   ---------------------------------------------------------------------------
   Pas de breakpoint : mêmes valeurs sur desktop, tablette et mobile.
   --------------------------------------------------------------------------- */

@font-face {
  font-family: "Recife Display";
  src: url("../font/RecifeDisplayWeb-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Fichier : assets/font/NeueHaasDisplayRoman.ttf — nom interne « Neue Haas Grotesk Display Pro » / 55 Roman */
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url("../font/NeueHaasDisplayRoman.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url("../font/NeueHaasDisplayMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url("../font/NeueHaasDisplayBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-bg: #fffefe;
  --color-bg-elevated: #fffefe;
  --color-text: #68523f;
  --color-text-muted: #5c5652;
  --color-accent: #7a6a5c;
  --color-line: #e8e1d9;
  --font-serif: "Recife Display", Georgia, "Times New Roman", serif;
  --font-sans:
    "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --space-section: clamp(4rem, 10vw, 7rem);
  /* Grille maquette (12 col., gouttière 20px, marges latérales 45px — référence, pas toujours appliquée partout) */
  --grid-max-width: 1512px;
  --grid-margin-inline: 45px;
  /* Largeur utile max. du contenu (le cadre .container ajoute le padding via --grid-margin-inline) */
  --container: min(var(--grid-max-width), 100%);
  --grid-gutter: 20px;
  --grid-columns: 12;
  /* Interlettrage d’origine du fichier Neue Haas (pas d’tracking artificiel) */
  --track-sans: normal;
}