:root {
  --color-bg: #FBF8F3;
  --color-bg-soft: #F5EFE3;
  --color-text: #1A1A1A;
  --color-text-muted: #5C5C5C;
  --color-accent: #A0522D;
  --color-accent-hover: #C77B4F;
  --color-accent-deep: #1B2A41;
  --color-accent-deep-soft: #3D5172;
  --color-divider: #E5DFD2;

  /* V2 — teinte chaude ajoutée pour icônes et infographies (cf. addendum §2.1) */
  --color-amber: #D89A4E;

  --font-serif: 'Source Serif Pro', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-h1: 42px;
  --text-h1-mobile: 32px;
  --text-h1-hero: 52px;
  --text-h1-hero-mobile: 36px;
  --text-h2: 28px;
  --text-h2-mobile: 24px;
  --text-h3: 18px;
  --text-h3-mobile: 16px;
  --text-body: 17px;
  --text-body-mobile: 16px;
  --text-quote: 22px;
  --text-quote-mobile: 20px;
  --text-caption: 14px;
  --text-caption-mobile: 13px;
  --text-figure: 48px;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-xxl: 120px;

  --width-max: 1280px;
  --width-content: 720px;
  --width-hero: 1080px;

  --transition-fast: 200ms ease;
  --transition-medium: 300ms ease-out;
}