/* Jetons de la démo LAV-TEC, direction claire : blanc, gris très clair, graphite, bleu roi des piliers.
   Le bleu nuit est réservé à une seule section (photo de nuit). Polices variables auto-hébergées. */

@font-face {
  font-family: "Anybody";
  src: url("../fonts/anybody-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-var-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs */
  --blanc: #ffffff;
  --brume: #f2f4f7;
  --brume-2: #e6e9ee;
  --graphite: #1b2029;
  --graphite-2: #4a5261;
  --filet: #d9dde4;
  --roi: #1652d8;
  --roi-fonce: #0f3fae;
  --sable: #ddb89b;
  --nuit: #070b13;
  --ouvert: #138a52;
  --ambre: #a35a00;
  --roi-pale: #e9effd;

  /* Polices */
  --police-titre: "Anybody", "Arial Narrow", sans-serif;
  --police-texte: "Instrument Sans", system-ui, sans-serif;

  /* Échelle */
  --gouttiere: clamp(16px, 4vw, 56px);
  --largeur-max: 1320px;
  --entete-h: 68px;
  --espace-section: clamp(88px, 11vw, 168px);
  --texte-max: 40rem;

  /* Mouvement */
  --ease-sortie: cubic-bezier(0.16, 1, 0.3, 1);
}