/* ──────────────────────────────────────────────────────────────
   Les Bons Lorrains — jetons de design (couleurs, polices, échelles)
   Modifier ici pour faire évoluer toute l'identité du site.
   ────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/fraunces-latin-full-normal.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/fraunces-latin-ext-full-normal.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/fraunces-latin-full-italic.woff2') format('woff2');
  font-weight: 100 900; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/static/fonts/source-sans-3-latin-wght-normal.woff2') format('woff2');
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/static/fonts/source-sans-3-latin-ext-wght-normal.woff2') format('woff2');
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/static/fonts/source-sans-3-latin-wght-italic.woff2') format('woff2');
  font-weight: 200 900; font-style: italic; font-display: swap;
}

:root {
  /* Matières : ivoire (papier), pierre claire, encre */
  --ivoire: #F6F1E7;
  --papier: #EEE6D6;
  --blanc: #FFFDF8;
  --encre: #242D33;      /* anthracite du logo */
  --encre-2: #363F46;
  --encre-3: #59626A;

  /* Vert profond, tiré de la feuille turquoise du logo : sérieux, forêts vosgiennes */
  --vert: #1D5A52;
  --vert-2: #22695F;
  --vert-3: #3A8F80;
  --vert-pale: #D5EAE5;
  --menthe: #4ABFAD;     /* feuille du logo : uniquement en aplat ou sur fond sombre */

  /* Mirabelle : l'accent, toujours en aplat (jamais en texte sur fond clair) */
  --mirabelle: #EAB641;  /* mirabelle du logo */
  --mirabelle-2: #F5C960;
  --mirabelle-pale: #F7E6B8;
  --mirabelle-texte: #7E5600;

  /* Grès rose des Vosges : touches discrètes */
  --gres: #964631;
  --gres-pale: #F0DCD2;

  --ligne: rgb(36 45 51 / 0.14);
  --ligne-forte: rgb(36 45 51 / 0.32);
  --erreur: #A12E1B;
  --erreur-pale: #F8E1DA;
  --succes: #2B6A3C;

  --font-titre: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-texte: 'Source Sans 3', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --step--1: clamp(0.875rem, 0.85rem + 0.1vw, 0.94rem);
  --step-0: clamp(1.0625rem, 1.03rem + 0.18vw, 1.1875rem);
  --step-1: clamp(1.22rem, 1.13rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.45rem, 1.25rem + 0.95vw, 2.05rem);
  --step-3: clamp(1.85rem, 1.45rem + 1.9vw, 3.1rem);
  --step-4: clamp(2.3rem, 1.6rem + 3.3vw, 4.4rem);
  --step-5: clamp(2.6rem, 1.5rem + 5.1vw, 6.1rem);

  --gutter: clamp(16px, 4.5vw, 48px);
  --max: 1280px;
  --section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --radius: 6px;
  --radius-lg: 20px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --shadow: 0 1px 2px rgb(24 33 29 / 0.06), 0 18px 40px -18px rgb(24 33 29 / 0.28);
  --header-h: 76px;
}