/* ============================================
   tokens.css — Design tokens
   Source de vérité : BRIEF.md § Design system
   ============================================ */

:root {
  /* ---------- Couleurs ---------- */
  --color-bg:        #FAF8F5;
  --color-bg-alt:    #FFFFFF;
  --color-ink:       #1A2238;
  --color-ink-soft:  #4A5470;
  --color-accent:    #C97B5A;  /* terracotta */
  --color-accent-2:  #7A8C7A;  /* sauge */
  --color-line:      #E8E2D9;
  --color-focus:     #1A2238;

  /* ---------- Typographie ---------- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero:    clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --fs-h2:      clamp(2rem, 3vw + 1rem, 3rem);
  --fs-h3:      clamp(1.5rem, 2vw + 0.5rem, 2rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.15;
  --lh-body:  1.65;

  /* ---------- Layout ---------- */
  --container:        min(1200px, 92vw);
  --container-narrow: min(720px, 92vw);

  /* ---------- Espacement ---------- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* ---------- Visuel ---------- */
  --radius:      12px;
  --radius-lg:   24px;
  --shadow:      0 10px 40px -10px rgba(26, 34, 56, 0.12);
  --shadow-lift: 0 20px 50px -15px rgba(26, 34, 56, 0.18);

  /* ---------- Animation ---------- */
  --dur:  240ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- Z-index ---------- */
  --z-header: 100;
  --z-drawer: 200;
}