/* =====================================================================
   THÈME DU SITE — c'est ici qu'on change le look.
   Modifier une valeur ci-dessous change tout le site.
   (Le fichier site.css contient la mise en page : pas besoin d'y toucher.)
   ===================================================================== */

/* ---------- Polices (fichiers dans static/fonts/) ---------- */
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; }

:root {
  /* ---------- Couleurs ---------- */
  --teal:  #00998C;   /* fond principal du site */
  --ink:   #1d1d1b;   /* texte, cadres, bandeaux noirs */
  --paper: #fdfcf5;   /* pastilles, cartes « papier » */
  --white: #ffffff;

  /* ---------- Typographie ---------- */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;  /* titres en capitales */
  --font-body:    "Barlow", "Helvetica Neue", Arial, sans-serif;  /* texte courant */
  --text-size:    18px;    /* taille du texte courant */
  --title-size:   96px;    /* grands titres de page (ATELIERS, ACTUALITÉS…) */
  --hero-size:    150px;   /* « LOW-TECH » / « FESTILAB » verticaux de l'accueil */

  /* ---------- Formes ---------- */
  --frame-width: 3px;                               /* épaisseur des cadres noirs */
  --frame: var(--frame-width) solid var(--ink);
  --radius-pill: 999px;                             /* arrondi des pastilles */
  --page-width: 1280px;                             /* largeur max du grand cadre */

  /* ---------- Effet « scrapbook » ---------- */
  --tilt: 1.5deg;          /* inclinaison des cartes (0deg = tout droit) */
  --tilt-sheet: -0.4deg;   /* inclinaison de la feuille d'article */
  --tape-image: url("../img/cutouts/tape.webp");   /* morceau de scotch */

  /* ---------- Grand visuel de l'accueil ---------- */
  --hero-ratio: 1000 / 820;   /* largeur / hauteur du fichier img/hero.svg */
}