/* ====================================================================
   VARIABLES — DA imposee PAY-9 Vert-de-gris (Neo-Editorial)
   accent #3A4A40, accent-2 sauge claire derivee
   bg #F3EFE7 (creme chaude) — ink #2A2A26 (noir doux)
   Fraunces (display) + DM Sans (body / ui)
   ==================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,400..600;1,9..40,400..600&display=swap');

:root {
  /* Couleurs — DA imposee */
  --bg:        #F3EFE7;
  --bg-alt:    #ECE6D8;          /* surface chaude */
  --surface:   #FBF8F1;          /* carte claire */
  --text:      #2A2A26;          /* ink imposee */
  --text-2:    #4D4D45;          /* texte secondaire */
  --text-mute: #7A7A6F;          /* texte attenué */
  --border:    rgba(42, 42, 38, 0.14);
  --border-strong: rgba(42, 42, 38, 0.34);

  --accent:    #3A4A40;          /* vert-de-gris impose */
  --accent-2:  #6E8678;          /* sauge claire derivee */
  --accent-soft: rgba(58, 74, 64, 0.10);
  --accent-line: rgba(58, 74, 64, 0.24);

  --primary:   #3A4A40;
  --wa-green:  #1FA855;

  /* Typo imposee */
  --ff-display: 'Fraunces', 'Times New Roman', Georgia, serif;
  --ff-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:      'DM Sans', system-ui, -apple-system, sans-serif;

  /* Echelle fluide */
  --fs-xs:   clamp(0.78rem, 0.74rem + 0.18vw, 0.86rem);
  --fs-sm:   clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
  --fs-base: 1rem;
  --fs-lg:   clamp(1.12rem, 1.04rem + 0.4vw, 1.3rem);
  --fs-xl:   clamp(1.6rem, 1.35rem + 1vw, 2.1rem);
  --fs-2xl:  clamp(2.2rem, 1.8rem + 1.8vw, 3.2rem);
  --fs-3xl:  clamp(2.6rem, 2rem + 2.4vw, 4rem);

  /* Espaces et rayons (Neo-Editorial = sharp, rayons faibles) */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;

  /* Layout */
  --container: 1200px;
  --header-h: 72px;
  --header-h-mobile: 60px;

  /* z-index */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;
  --z-fab:    900;

  /* transitions */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur:  280ms;
}