/* ============================================================================
   composants.css — cartes, boutons, chips, blocs.
   Dépend de tokens.css + base.css. Aucune couleur en dur ici.
   ========================================================================= */

/* Picto du sprite. Toujours en encre : la couleur de famille n'est jamais
   portée par le trait (le jaune électricité et le gris amiante échouent les
   seuils de contraste en trait fin) — elle est portée par le filet de la
   carte. Ne pas revenir sur ce point. */
.picto{width:2.4rem;height:2.4rem;color:var(--encre);
 fill:none;stroke:currentColor;stroke-width:var(--picto-trait);
 stroke-linecap:round;stroke-linejoin:round}

/* Filet de famille : la seule surface où vit la couleur de famille. */
.carte-famille{border-top:var(--filet-famille) solid var(--gris-20)}
.carte-famille[data-famille="amiante"]{border-top-color:var(--fam-amiante)}
.carte-famille[data-famille="plomb"]{border-top-color:var(--fam-plomb)}
.carte-famille[data-famille="electricite"]{border-top-color:var(--fam-elec)}
.carte-famille[data-famille="gaz"]{border-top-color:var(--fam-gaz)}
.carte-famille[data-famille="termites"]{border-top-color:var(--fam-termites)}
.carte-famille[data-famille="erp"]{border-top-color:var(--fam-erp)}
.carte-famille[data-famille="carrez"]{border-top-color:var(--fam-carrez)}
.carte-famille[data-famille="assainissement"]{border-top-color:var(--fam-assain)}