/* Habillage FoorintoDev de l'outil de gestion : polices du site (auto-hébergées) et quelques détails. */
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("/fonts/atkinson-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("/fonts/atkinson-700.woff2") format("woff2"); font-weight: 500 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Piazzolla"; src: url("/fonts/piazzolla-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

/* Titres de pages et chiffres clés en Piazzolla, comme sur le site */
.fi-header-heading, .fi-simple-header-heading, .fi-wi-stats-overview-stat-value, .fd-marque-nom {
  font-family: "Piazzolla", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.fd-marque { display: inline-flex; align-items: center; gap: 0.6rem; }
.fd-marque img { width: 2.1rem; height: 2.1rem; }
.fd-marque-nom { font-size: 1.3rem; line-height: 1; color: #1b2630; }
.fd-marque-outil { font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif; font-size: 0.8rem; font-weight: 700; color: #4a5762; }
.dark .fd-marque img { filter: invert(1) hue-rotate(180deg); }
.dark .fd-marque-nom { color: #eef1ee; }
.dark .fd-marque-outil { color: #b4bfc7; }