/* =====================================================================
   variables.css — Couleurs, espacements et "réglages" visuels du site.
   👉 Pour changer une couleur partout, modifie-la ICI uniquement.

   🎨 CHARTE RessourSée (spiruline biologique de Normandie — ressoursee.fr)
      vert profond  #106143   (couleur principale du site de la marque)
      vert clair    #189360
      vert-jaune    #C1D23E   (accent « spiruline »)
      beige clair   #E5E2DC   (fonds, filets)
      encre         #1F1F1F
      typo          Mulish (celle du site ressoursee.fr)
   ===================================================================== */
:root{
  /* Couleurs des TYPES de publication (voir js/config.js — mêmes valeurs) */
  --type-produit:       #1B7F4E;
  --type-produit-bg:    #E4F3EC;
  --type-pedagogie:     #0E6E7A;
  --type-pedagogie-bg:  #E0F0F2;
  --type-chiffrecle:    #4F7A2A;
  --type-chiffrecle-bg: #EDF4E1;
  --type-evenement:     #B35F26;
  --type-evenement-bg:  #FAE8DB;
  --type-autre:         #5F6E63;
  --type-autre-bg:      #ECEFEA;
  /* Jour comportant PLUSIEURS types différents */
  --type-mixte:        #8A6FB0;
  --type-mixte-bg:     #EFE9F7;

  /* Identité RessourSée (vert spiruline) — boutons, aujourd'hui, accents */
  --primary:      #106143;
  --primary-dark: #0A4531;
  --primary-soft: #DFEFE7;
  --accent:       #C1D23E;   /* vert-jaune spiruline (liserés, surbrillances) */
  --accent-soft:  #F2F6DC;

  /* Couleurs « de sens » (indépendantes de la marque) */
  --ok:          #1B7F4E;   /* validé / publié */
  --ok-bg:       #E4F3EC;
  --ok-line:     #B9DFCB;
  --wait:        #7A6B2E;   /* en attente de validation (olive) */
  --wait-bg:     #F6F2DC;
  --wait-line:   #E2D9A6;
  --danger:      #C0392B;   /* refus / suppression */
  --danger-dark: #8E2A20;
  --danger-bg:   #FBE7E4;
  --danger-line: #EFBDB6;

  /* Neutres (base beige/naturelle de la marque) */
  --ink:        #1F1F1F;
  --muted:      #6E7A72;
  --line:       #E5E2DC;
  --line-strong:#D2CEC4;
  --surface:    #FFFFFF;
  --bg:         #F7F5F0;

  /* Formes & ombres */
  --radius:    14px;
  --radius-sm: 10px;
  --radius-lg: 22px;
  --shadow-1: 0 1px 2px rgba(16,49,35,.06), 0 1px 3px rgba(16,49,35,.08);
  --shadow-2: 0 6px 18px rgba(16,49,35,.14);
  --shadow-3: 0 18px 50px rgba(16,49,35,.24);

  /* Divers */
  --tap: 44px;                 /* taille mini d'une cible tactile (doigt) */
  --maxw: 1100px;
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  /* Mulish = police du site ressoursee.fr (chargée depuis Google Fonts dans index.html).
     Si la police ne se charge pas, le navigateur reprend la suite de la liste. */
  --font: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
          "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}