/* Design system — Design Kuchen | Neo-Editorial | MEN-3 Noyer sombre */
:root{
  /* Skin imposee : MEN-3 */
  --bg:        #F2EADD;          /* creme chaud */
  --bg-alt:    #ECE2D2;          /* creme un cran plus dense */
  --surface:   #F8F1E6;          /* surface claire pour cards plain */
  --ink:       #2A211A;          /* alias erreur connue : on fournit aussi --text */
  --text:      #2A211A;          /* brun tres sombre */
  --text-2:    #5A4A3D;          /* brun moyen pour sous-titres */
  --text-mute: #8A7A6B;          /* brun assourdi pour meta */
  --border:    rgba(42,33,26,.14);
  --accent:    #6F4A2F;          /* brun noyer */
  --accent-2:  #8E6A4A;          /* noyer eclairci pour surfaces / hovers */
  --accent-soft: rgba(111,74,47,.10);
  --primary:   #2A211A;
  --dark:      #1E1812;          /* ink premium pour blocs sombres */
  --wa-green:  #25D366;
  --wa-green-d:#1FB957;

  /* Polices imposees */
  --ff-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --ff-body:    "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-ui:      "DM Sans", system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* Header */
  --header-h: 72px;
  --header-h-mobile: 60px;

  /* Z-index (z-header > z-menu : piege prod corrige) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1300;
  --z-fab:    1200;

  /* Container */
  --container: 1200px;
}