/* CIFORS — jetons de design. Source unique de vérité pour couleurs, typo et espacements. */

:root {
  /* Couleurs de marque */
  --c-navy:        #072868;
  --c-navy-700:    #0b3689;
  --c-navy-600:    #1146a8;
  --c-navy-050:    #eef2fb;
  --c-green:       #489221;
  --c-green-600:   #57ac2a;
  --c-green-050:   #eef7e8;
  --c-orange:      #f3720b;
  --c-orange-600:  #ff8524;
  --c-orange-050:  #fef1e5;

  /* Neutres */
  --c-white:       #ffffff;
  --c-bg:          #ffffff;
  --c-bg-soft:     #f6f8fb;
  --c-bg-deep:     #041d4d;
  --c-bg-tint:     #eff4fd;
  --c-border:      #e3e9f2;
  --c-border-soft: #eef2f7;
  --c-text:        #0e1726;
  --c-text-soft:   #56657f;
  --c-text-faint:  #8494ab;

  /* Typographie */
  --f-display: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   clamp(1.25rem, 0.5vw + 1.1rem, 1.4rem);
  --fs-h3:   clamp(1.35rem, 0.8vw + 1.15rem, 1.6rem);
  --fs-h2:   clamp(1.75rem, 1.8vw + 1.3rem, 2.5rem);
  --fs-h1:   clamp(2.1rem, 3.4vw + 1.2rem, 3.5rem);

  /* Espacements — échelle de 4 px */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 20px;  --s-6: 24px;  --s-8: 32px;  --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;

  /* Formes */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(7, 40, 104, .05);
  --sh-2: 0 6px 22px rgba(7, 40, 104, .07);
  --sh-3: 0 14px 40px rgba(7, 40, 104, .11);

  /* Structure */
  --container: 1200px;
  --container-wide: 1320px;
  --header-h: 76px;

  --ease: cubic-bezier(.22, .61, .36, 1);
}