/* Tokens : polices, couleurs de scène (animées par js/theme.js), échelles, easings. */

/* Une seule famille pour tout le site : Bricolage Grotesque, la police de tp-chez-sevanova.online
   (variable : graisse 200-800, largeur 75-100 %). Hiérarchie par la graisse. */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs de la scène courante (valeurs initiales = accueil, réécrites par theme.js) */
  --bg: #E5CBBB;
  --display: #CA6F57;
  --ink: #3A2420;
  --bubble: #DEB9A2;

  --font: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font);
  --font-ui: var(--font);
  --font-names: var(--font);
  --names-weight: 700;

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);

  --gutter: clamp(20px, 5.5vw, 80px);
  --radius-pill: 999px;
  --radius-card: 28px;

  --shadow-photo: none; /* la réf n'a aucune ombre sur ses photos */
}