/* ============================================================
   SKIN Ecopra — fichier de thème isolé
   Toutes les couleurs, arrondis et ombres de l'application sont
   définis ici. Pour changer l'habillage (couleurs, arrondis...),
   il suffit de modifier CE fichier — jamais besoin de toucher
   à style.css, index.html ou app.js.
   ============================================================ */

:root{
  /* Charte Ecopra (extraite du logo officiel) */
  --green:#73B84E;
  --green-dark:#4E8F31;
  --green-darker:#3A6D24;
  --green-light:#EAF6E2;

  --blue:#29ABE2;
  --blue-dark:#1C86B4;
  --blue-light:#E5F6FC;

  /* Fond général de l'app */
  --bg:#f3f8f2;
  --card:#ffffff;

  /* Textes */
  --text:#20291f;
  --muted:#647063;

  /* Bordures / états */
  --border:#e1e8dd;
  --danger:#c0392b;

  /* Formes */
  --radius:16px;
  --shadow:0 2px 10px rgba(30,60,20,.06);
  --shadow-lg:0 8px 24px rgba(30,60,20,.12);

  /* Typographie — "display" pour les titres/gros chiffres, "text" pour le reste.
     Repli automatique sur la police système si Space Grotesk / Work Sans ne se
     chargent pas (pas de réseau au tout premier lancement, par exemple). */
  --font-display:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-text:'Work Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}