/* =============================================================================
   css/tokens.css — Kookiya Flavors · Design tokens (canoniques)
   Sources : BRIEF §8, ANNEXE 1 (SPEC.md), mockups design-reference/
   Version : v1.0 · Avril 2026
   ========================================================================== */

:root{
  /* --- Fonds ----------------------------------------------------------- */
  --encre:        #1A2744;   /* Encre Tropicale · fond des moments suspendus */
  --encre-2:      #0F1A34;   /* Variante plus sombre (dégradés, hover btn secondaire) */
  --ivoire:       #FBF3E3;   /* Ivoire Chaud · fond des questions & gate */
  --ivoire-2:     #F6ECD6;   /* Ivoire plus chaud (fallback, cellules guide) */
  --ivoire-card:  #FDF8EA;   /* Carte d'offre sur fond Ivoire */

  /* --- Accents chauds -------------------------------------------------- */
  --safran:       #E8922A;   /* CTA principal · numéros Q · caret input */
  --safran-2:     #D47E1A;   /* Variante assombrie · état loading */
  --terracotta:   #C96A3A;   /* Erreur · accent éditorial synthèse */
  --or:           #D4A84B;   /* Filets · badges · prix sur Encre · hover CTA */

  /* --- Accents froids -------------------------------------------------- */
  --turquoise:    #1B7A78;   /* Signatures · labels · Pinyon · folio */
  --jade:         #2D6B5E;   /* Réservé — usage ponctuel */

  /* --- Familles typographiques ---------------------------------------- */
  --ff-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --ff-body:    'Raleway', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --ff-script:  'Pinyon Script', cursive;
  --ff-mono:    'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* --- Espacements ----------------------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 36px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 96px;

  /* --- Timings & easings ---------------------------------------------- */
  --t-fast:     180ms;
  --t-base:     280ms;
  --t-slow:     420ms;
  --t-breath:   6s;
  --ease-exit:  ease;
  --ease-enter: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* --- Breakpoints (référence — à utiliser dans @media) --------------- */
  --bp-mobile:  640px;
  --bp-tablet:  1024px;
  --bp-desk:    1280px;

  /* --- Largeurs canoniques de conteneur ------------------------------- */
  --max-question:  560px;   /* écrans question 01-07, email, génération */
  --max-acte:      720px;   /* écran 00 (cartes côte à côte desktop) */
  --max-gate:      880px;   /* écran 10 (2 offres côte à côte desktop) */
  --max-success:  1040px;   /* expérience complète post-paiement */
  --max-landing:  1040px;   /* landing publique */
}