/* =========================================================
   NESCAPS — Design tokens
   Variables globales : couleurs, typographie, espacements,
   ombres, rayons, transitions.
   ========================================================= */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/inter-variable.woff2") format("woff2-variations"), url("/assets/fonts/inter-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/playfair-display-variable.woff2") format("woff2-variations"), url("/assets/fonts/playfair-display-variable.woff2") format("woff2");
}

:root {
  /* --- Couleurs de marque --- */
  --color-coffee-900: #2e1f16;
  --color-coffee-700: #4a3728;
  --color-coffee-600: #5c4433;
  --color-coffee-500: #7a6f63;
  --color-copper-500: #b5651d;
  --color-copper-400: #c97b34;
  --color-copper-300: #dfa15f;
  --color-sage-500: #5b7a5b;
  --color-sage-400: #74926f;
  --color-sage-200: #c3d3bf;
  --color-cream-200: #f3e9dc;
  --color-cream-100: #f7efe3;
  --color-cream-050: #fbf7f0;
  --color-white: #ffffff;

  /* --- Couleurs fonctionnelles --- */
  --color-ink: #241a12;
  --color-ink-soft: #4a3d33;
  --color-line: #e4d8c6;
  --color-line-strong: #cdbca3;

  --color-info-bg: #eef2ea;
  --color-info-border: #a9c1a4;
  --color-info-text: #395239;

  --color-warn-bg: #f7ecd9;
  --color-warn-border: #d9ab3c;
  --color-warn-text: #6b5017;

  /* --- Typographie --- */
  --font-display: "Playfair Display", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-display-xl: clamp(2.4rem, 1.7rem + 2.8vw, 4.2rem);
  --fs-display-l: clamp(2rem, 1.5rem + 2vw, 3.2rem);
  --fs-display-m: clamp(1.6rem, 1.35rem + 1vw, 2.2rem);
  --fs-display-s: clamp(1.3rem, 1.15rem + 0.6vw, 1.6rem);
  --fs-lead: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-micro: 0.78rem;

  --lh-tight: 1.15;
  --lh-heading: 1.3;
  --lh-body: 1.7;

  --content-max: 72ch;
  --wrap-max: 1240px;

  /* --- Espacements --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* --- Rayons & ombres --- */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-pill: 999px;

  --shadow-s: 0 1px 3px rgba(46, 31, 22, 0.08);
  --shadow-m: 0 8px 24px rgba(46, 31, 22, 0.10);
  --shadow-l: 0 20px 48px rgba(46, 31, 22, 0.16);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 450ms;

  --header-h: 76px;
}