/* ===========================================================
   En Mauges — feuille de style commune (design system)
   Identité, jetons de couleur, composants partagés.
   Reliée par index.html, annonce.html, bien.html, agent.html
   =========================================================== */
:root{
  --bg:#f8f4ec; --bg2:#f1e9db; --ink:#241d16; --ink2:#5b5147; --muted:#8c8072;
  --line:#e4d9c7; --line2:#efe7d9; --surface:#fffdf9;
  --accent:#a8573f; --accent-d:#8c4631; --accent-soft:#f0e2d8;
  --good:#5e7d4f; --mid:#b5862f; --low:#b9683f; --elim:#b3a896; --blue:#3a6079;
  --good-bg:#e9efe2; --mid-bg:#f5edd7; --low-bg:#f4e2d7;
  --r:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.1}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.kicker{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:14.5px;padding:12px 22px;border-radius:6px;transition:.16s}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-d)}
.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:#000}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bg)}

/* brand mark — shared everywhere */
.logo{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;letter-spacing:.03em;display:flex;align-items:center;gap:9px}
.logo .mk{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}
.logo .mkimg{height:30px;width:auto;display:block;border-radius:6px}
.logo .logofull{height:46px;width:auto;display:block}
.logo .logohoriz{height:52px;width:auto;display:block}
@media(max-width:600px){.logo .logohoriz{height:42px}}

/* notifications (toasts) — partagées */
.em-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:10px;font-size:14px;line-height:1.4;box-shadow:0 14px 34px rgba(0,0,0,.28);opacity:0;transition:.32s ease;z-index:9999;max-width:90%;text-align:center}
.em-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.em-toast.ok{background:var(--accent)}
.em-toast.warn{background:var(--low)}

/* fond carte (évite le gris brut si les tuiles ne sont pas encore chargées) */
.leaflet-container{background:#e8e1d3 !important}

/* confidence badges + dots */
.conf{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:40px}
.conf-good{background:var(--good-bg);color:var(--good)}
.conf-mid,.conf-low{background:var(--low-bg);color:var(--low)}
.cdot{width:8px;height:8px;border-radius:50%;display:inline-block}
.dg{background:var(--good)}.dm{background:var(--mid)}.dl{background:var(--low)}

/* generic chip */
.spec{font-size:12.5px;background:var(--surface);border:1px solid var(--line);border-radius:40px;padding:6px 13px}