/* ==========================================================================
   ELMART — Design Tokens
   Dérivés fidèlement du Design System V1.1 (Parties 0–9 + Addendum).
   Aucune valeur ici n'est décorative : chaque token a une justification
   documentée dans le Design System. Ne pas ajouter de valeur hors de
   cette liste sans passer par le test de permanence (Partie 2, §0.2).
   ========================================================================== */

:root {
  /* — Couleurs — Partie 2 §1.2 + Addendum V1.1 §3 — */
  --color-ivoire: #F3ECE1;
  --color-blanc-chaud: #FBF7F1;
  --color-taupe: #A69783;
  --color-taupe-fonce: #6B5F52;
  --color-noyer: #40312A;
  --color-noyer-profond: #2A1F19;
  --color-bronze-mat: #8C6239;
  --color-sauge: #8B9A7C;
  --color-terracotta: #B5633E;

  /* — Typographies — Partie 2 §2 — */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;

  /* — Échelle typographique — Partie 2 §2.3 — */
  --text-h1: clamp(2.75rem, 5vw + 1rem, 4.75rem);
  --text-h2: clamp(1.85rem, 2.6vw + 1rem, 2.25rem);
  --text-h3: 0.85rem;
  --text-body: 1.05rem;
  --text-caption: 0.8rem;

  /* — Échelle d'espacement, base 8 — Partie 2 §3.2 — */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  --space-10: 176px;

  /* — Rayon d'angle — Partie 3 §0 (jamais carré strict, jamais très arrondi) — */
  --radius: 2px;

  /* — Durées d'animation — Partie 5 §4 — */
  --duration-micro: 150ms;
  --duration-block: 250ms;
  --duration-page: 400ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-signature: cubic-bezier(0.16, 1, 0.3, 1);

  /* — Tracking — usage réservé aux éléments d'autorité (eyebrows, boutons, index) — */
  --tracking-wide: 0.14em;
  --tracking-wider: 0.22em;

  /* — Grille — Partie 2 §3.4, Partie 7 §6 — */
  --col-repere: 30%;
  --col-contenu: 70%;
  --max-content-width: 1200px;
  --max-text-width: 640px;
}