/* ============================================================
   EASTPAT — DESIGN TOKENS
   Direction « Départ ». Source unique de vérité.
   Repris tel quel de eastpat-design-system.html.
   Aucune couleur ni taille en dur ailleurs dans le projet.
   ============================================================ */

@import url('../fonts/fonts.css');

:root{
  /* Couleurs — fonds */
  --ep-navy:        #0B1220;
  --ep-navy-2:      #16213A;
  --ep-cream:       #F7F4EE;
  --ep-white:       #FFFFFF;

  /* Couleurs — accent */
  --ep-orange:      #FF5A1F;
  --ep-orange-hover:#E14A12;
  --ep-orange-ink:  #2B0E00;
  --ep-orange-soft: rgba(255,90,31,.16);

  /* Couleurs — texte */
  --ep-ink:         #0B1220;
  --ep-slate:       #5A6472;
  --ep-mist:        #9BA6B8;
  --ep-grey:        #8A94A6;

  /* Couleurs — états */
  --ep-error:       #E5484D;
  --ep-success:     #2FA36B;

  /* Bordures */
  --ep-border-light: rgba(11,18,32,.12);
  --ep-border-dark:  rgba(247,244,238,.16);
  --ep-border-dark-strong: rgba(247,244,238,.35);

  /* Typographie */
  --ep-font-display: 'Anton', 'Arial Narrow', sans-serif;
  --ep-font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --ep-size-display-xl: clamp(48px, 8vw, 88px);
  --ep-size-display-l:  clamp(36px, 5.5vw, 60px);
  --ep-size-display-m:  clamp(28px, 3.5vw, 38px);
  --ep-size-display-s:  24px;
  --ep-size-body-l:     18px;
  --ep-size-body:       16px;
  --ep-size-small:      14px;
  --ep-size-caption:    13px;
  --ep-size-eyebrow:    11px;

  --ep-leading-display: .94;
  --ep-leading-body:    1.65;
  --ep-track-display:   .5px;
  --ep-track-eyebrow:   1.6px;

  /* Espacements */
  --ep-space-1: 4px;   --ep-space-2: 8px;   --ep-space-3: 12px;
  --ep-space-4: 16px;  --ep-space-5: 24px;  --ep-space-6: 32px;
  --ep-space-7: 48px;  --ep-space-8: 64px;  --ep-space-9: 96px;

  /* Rayons */
  --ep-radius-control: 6px;
  --ep-radius-card:    12px;
  --ep-radius-badge:   4px;

  /* Transitions */
  --ep-transition: 160ms cubic-bezier(.4,0,.2,1);

  /* Grille */
  --ep-container: 1200px;
  --ep-gutter: 24px;

  /* ---- Extensions cinématiques (scroll narratif) ----
     Uniquement des unités et des durées. Aucune nouvelle couleur.

     Le système d'origine est calibré pour des pages de contenu. Le récit
     plein écran a besoin de deux crans au-dessus de display-xl : ce sont les
     seules tailles ajoutées, et elles restent dans la même progression. */
  --ep-size-display-hero: clamp(52px, 9.4vw, 148px);
  --ep-size-display-beat: clamp(38px, 5.4vw, 84px);
  --ep-ease-out:   cubic-bezier(.22,1,.36,1);
  --ep-ease-inout: cubic-bezier(.65,0,.35,1);
  --ep-scrim:      rgba(11,18,32,.55);
  --ep-scrim-soft: rgba(11,18,32,.28);
  --ep-shadow-lift: 0 18px 52px rgba(11,18,32,.28);
  --ep-shadow-card: 0 12px 30px rgba(11,18,32,.18);
}