/* DA imposee : PAY-14 Vert bouteille / Architecture Cuivre
   accent vert sapin profond + accent2 cuivre patine + bg creme ivoire */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
  /* couleurs imposees par da_choice.json */
  --bg:        #F2EFE6;
  --bg-alt:    #EBE6D8;
  --surface:   #E8E1CE;
  --surface-2: #DCD3BB;

  --text:      #23271F;
  --text-2:    #4C5147;
  --text-mute: #7A7E72;
  --border:    rgba(35, 39, 31, 0.14);

  --primary:   #1A1E17;
  --accent:    #244A3A;          /* vert bouteille (PAY-14) */
  --accent-2:  #B98A4A;          /* cuivre patine */
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));

  --wa-green:  #25D366;

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

  /* echelles */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  --header-h: 76px;
  --header-h-mobile: 64px;

  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;

  --container: 1200px;

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