/* Shared existing Kiosque Tholano design tokens. */
:root {
  /* Verts — palette Tholano */
  --green-deep: #072a1c;
  --green-moss: #0e3c2c;
  --green-grass: #1a5a3e;
  --green-sage: #56a02e;
  --green-mint: #b8e098;
  --green-wash: #eaf4dc;

  /* Fonds */
  --ivory: #ffffff;
  --cream: #f4f4f4;
  --sand: #fafafa;
  --linen: #f7f9f4;

  /* Surfaces foncées */
  --earth: #2b2b2b;
  --bark: #072a1c;

  /* Accent lime Tholano */
  --amber: #7bc823;
  --amber-soft: #95dd43;
  --rust: #5a8e1a;

  /* Texte */
  --ink: #1a1a1a;
  --ink-soft: #424242;
  --ink-mute: #575757;
  --ink-faint: #9a9a9a;

  /* Lignes */
  --line: rgba(7, 42, 28, 0.1);
  --line-soft: rgba(7, 42, 28, 0.06);

  /* Typo — inspirée du kiosque maraîcher Québécois : romain capitales + italique + sans humaniste */
  --font-headline: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", system-ui, sans-serif;
  --font-display: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", system-ui, sans-serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", system-ui, sans-serif;

  /* Échelle typographique fluide */
  --fs-display: clamp(2rem, 4.6vw, 3.75rem);
  --fs-h1: clamp(1.75rem, 3.4vw, 2.75rem);
  --fs-h2: clamp(1.4rem, 2.6vw, 2.125rem);
  --fs-h3: clamp(1.375rem, 2.4vw, 1.875rem);
  --fs-h4: clamp(1.125rem, 1.8vw, 1.375rem);
  --fs-lg: 1.1875rem;
  --fs-body: 1.0625rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;
  --fs-micro: 0.75rem;

  /* Espacement */
  --s-3xs: 0.25rem;
  --s-2xs: 0.5rem;
  --s-xs: 0.75rem;
  --s-sm: 1rem;
  --s-md: 1.5rem;
  --s-lg: 2.5rem;
  --s-xl: 4rem;
  --s-2xl: 6rem;
  --s-3xl: 9rem;

  /* Container */
  --container-max: 1320px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-xl: 48px;
  --r-full: 999px;

  /* Ombres */
  --sh-xs: 0 1px 2px rgba(27, 24, 21, 0.04);
  --sh-sm: 0 6px 18px -8px rgba(31, 61, 43, 0.14);
  --sh-md: 0 14px 38px -14px rgba(31, 61, 43, 0.22);
  --sh-lg: 0 30px 80px -28px rgba(31, 61, 43, 0.3);
  --sh-pop: 0 40px 100px -32px rgba(58, 42, 28, 0.45);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-warm: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 220ms;
  --dur-base: 420ms;
  --dur-slow: 720ms;

  /* Header */
  --header-h: 104px;
  --banner-h: 40px;
}