/* ============================================================
   VARIABLES - Ben Fermetures
   DA imposee : MEN-14 "Ardoise & bois" (Architecture Cuivre)
   Source Serif 4 (display) + Montserrat (body/ui)
   Accent ardoise + accent-2 cuivre patine, fond ivoire chaud
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..700;1,8..60,300..700&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
  /* ---- couleurs skin ---- */
  --bg:         #EFEDE6;
  --bg-alt:     #E5E2D8;
  --surface:    #F5F3EC;
  --text:       #262320;
  --text-2:     #4A4540;
  --text-mute:  #7A7269;
  --border:     rgba(38, 35, 32, 0.14);
  --border-2:   rgba(38, 35, 32, 0.32);

  --accent:     #5A5147;        /* ardoise/encre bois */
  --accent-2:   #B89150;        /* cuivre dore patine */
  --accent-soft: #DBC9A5;       /* cuivre tres dilue */
  --primary:    #262320;
  --wa-green:   #25D366;

  /* ---- inverse (pour cards dark) ---- */
  --ink-on-dark: #F5F1E8;
  --ink-on-dark-2: rgba(245, 241, 232, 0.78);

  /* ---- typo ---- */
  --ff-display: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  --ff-body:    'Montserrat', system-ui, -apple-system, sans-serif;
  --ff-ui:      'Montserrat', system-ui, -apple-system, sans-serif;

  /* ---- echelle de taille ---- */
  --fs-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --fs-sm:   clamp(0.88rem, 0.85rem + 0.2vw, 0.95rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --fs-lg:   clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --fs-xl:   clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem);
  --fs-2xl:  clamp(2.4rem, 1.8rem + 3vw, 4rem);

  /* ---- spacing ---- */
  --gap-1: 0.5rem;
  --gap-2: 1rem;
  --gap-3: 1.5rem;
  --gap-4: 2.5rem;
  --gap-5: 4rem;

  /* ---- rayons ---- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* ---- header / z-index ---- */
  --header-h:         72px;
  --header-h-mobile:  60px;
  --z-menu:    1000;
  --z-header:  1100;
  --z-burger:  1200;
  --z-modal:   1300;
  --z-fab:     950;

  --container: 1200px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  340ms;
}