/* ELP Territoires · identité visuelle partagée (reprise v1 : bleu institutionnel, violet coffre-fort, Inter) */
:root{
  --ink:#0f172a; --ink-2:#334155; --muted:#64748b; --line:#e2e8f0;
  --bg:#ffffff; --bg-alt:#f8fafc;
  --brand:#1e3a8a; --brand-2:#2563eb; --brand-soft:#eff4ff;
  --seal:#7c3aed; --seal-soft:#f5f0ff;
  --ok:#16a34a; --amber:#d97706; --danger:#dc2626;
  --radius:16px;
  --shadow:0 10px 30px -12px rgba(15,23,42,.18);
  --shadow-lg:0 30px 70px -30px rgba(15,23,42,.35);
}
*{box-sizing:border-box}
body{margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.cat-secu{background:#fee2e2;color:#b91c1c}
.cat-voirie{background:#dbeafe;color:#1d4ed8}
.cat-prop{background:#dcfce7;color:#15803d}
.cat-tranq{background:#fef3c7;color:#b45309}
.cat-route{background:#e0e7ff;color:#4338ca}
.demo-tag{position:fixed;left:0;bottom:0;z-index:200;background:var(--ink);color:#fff;
  font-size:.68rem;padding:.35rem .7rem;border-top-right-radius:8px;letter-spacing:.03em;opacity:.9}

/* Sur téléphone, le bandeau « Maquette de démonstration » ne doit pas recouvrir la dernière ligne */
@media (max-width:768px){ body{padding-bottom:30px} .demo-tag{font-size:.62rem;padding:.25rem .55rem} }