/* Couleurs des trois circuits (2026-11-08), les mêmes partout : accueil, étude, espace, dossier, rapport.
   🏡 J'achète un bien = terre cuite · 🏪 Je lance mon activité = vert · 🏢 J'implante un site = bleu.
   Une page dans un circuit porte <body data-circuit="bien|activite|site"> : sa couleur d'accent devient celle du circuit. */
:root {
  --c-bien: #b5532d; --c-bien-clair: #fbe9e1;
  --c-activite: #2f6b4f; --c-activite-clair: #e3f1e9;
  --c-site: #1d4ed8; --c-site-clair: #e2e9fb;
  --c-vendre: #a87a00; --c-vendre-clair: #fbf1d6; /* 🔑 Je vends (2026-11-13) : le jaune safran de la porte du palier */
}
@media (prefers-color-scheme: dark) {
  :root { --c-bien: #f0a07c; --c-bien-clair: #3a2219; --c-activite: #7cc3a0; --c-activite-clair: #1c2b23; --c-site: #60a5fa; --c-site-clair: #18233a; --c-vendre: #f2c14e; --c-vendre-clair: #33290f; }
}
[data-circuit="bien"] { --circuit: var(--c-bien); --circuit-clair: var(--c-bien-clair); }
[data-circuit="activite"] { --circuit: var(--c-activite); --circuit-clair: var(--c-activite-clair); }
[data-circuit="site"] { --circuit: var(--c-site); --circuit-clair: var(--c-site-clair); }
[data-circuit="vendre"] { --circuit: var(--c-vendre); --circuit-clair: var(--c-vendre-clair); }
body[data-circuit] { --accent: var(--circuit); }
@media (prefers-color-scheme: dark) { body[data-circuit] { --accent-texte: #12161a; } }

/* Fil d'Ariane : Accueil › J'achète un bien › Terrain de Piriac */
.circuit-fil { margin: 0; padding: 8px 16px; font-size: .88rem; color: var(--doux); display: flex; flex-wrap: wrap; gap: 2px 6px; align-items: baseline; }
.circuit-fil a { color: var(--doux); }
.circuit-fil strong { color: var(--circuit, var(--texte)); }
.circuit-fil .sep { opacity: .6; }
/* Bande du circuit : pictogramme, nom du circuit, titre de l'étude */
.circuit-bande { background: var(--circuit); color: #fff; padding: 10px 16px 12px; }
@media (prefers-color-scheme: dark) { .circuit-bande { color: #12161a; } }
.circuit-bande small { display: block; font-size: .85rem; opacity: .9; }
.circuit-bande strong { display: block; font-size: 1.15rem; line-height: 1.25; }
/* Petite étiquette de circuit (espace, partages) */
.circuit-puce { display: inline-block; font-size: .78rem; font-weight: 700; padding: 2px 9px; border-radius: 999px; background: var(--circuit-clair); color: var(--circuit); }