/* =====================================================================
   VARIABLES — Skin imposée par da_engine : PAY-16 Vert-de-gris (Craft)
   Lora display + Source Sans 3 body/ui · accent #3A4A40 · bg #F3EFE7
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

:root{
  /* Surfaces */
  --bg:           #F3EFE7;
  --bg-alt:       #ECE7DC;
  --surface:      #FBF8F1;
  --surface-deep: #2A332D;

  /* Encre & texte */
  --ink:          #2A2A26; /* alias historique ; ne PAS utiliser ailleurs */
  --text:         #2A2A26;
  --text-2:       #4D4D45;
  --text-mute:    #7A7A6F;
  --text-on-dark: #F0EBDF;
  --text-on-dark-2: #C8C6BC;

  /* Bordures */
  --border:        rgba(42, 42, 38, 0.14);
  --border-strong: rgba(42, 42, 38, 0.32);
  --border-on-dark: rgba(240, 235, 223, 0.18);

  /* Accents */
  --accent:        #3A4A40;
  --accent-2:      #6B8270;
  --accent-soft:   #D7DCD3;
  --accent-on-dark:#B8C8BC;
  --primary:       #3A4A40;
  --wa-green:      #25D366;
  --ok-green:      #2E7D52;
  --warn:          #C77A3F;

  /* Typo */
  --ff-display: 'Lora', Georgia, 'Times New Roman', serif;
  --ff-body:    'Source Sans 3', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --ff-ui:      'Source Sans 3', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

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

  /* Header & z-index (header > menu obligatoire) */
  --header-h:         72px;
  --header-h-mobile:  60px;
  --z-base:    1;
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;
  --z-fab:    900;

  --container: 1200px;

  /* Easings */
  --ease: cubic-bezier(.2,.7,.2,1);
}

::selection{ background: var(--accent); color: #fff; }