/* Compatibilité avec les anciennes pages : surfaces mates, sans verre ni décor animé. */
.ambient, .blob { display: none; }
.glass, .glass--thin, .glass--regular, .glass--thick { position: relative; background: var(--surface-solid); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.glass::before, .glass::after, .button::before, .button::after { content: none; }
@media (prefers-contrast: more) {
  .glass { border-color: var(--text); }
  .muted, .lead { color: var(--text); }
}
@media (forced-colors: active) {
  .glass, .button, .badge { border: 1px solid CanvasText; }
  .gradient-text { -webkit-text-fill-color: CanvasText; }
}
/* Matière ponctuelle : reflets de bord, lumière blanche, aucun halo global. */
.nav-pill, .audience-paths > article, .demo-layout, .demo-stage { -webkit-backdrop-filter: blur(20px) saturate(135%); backdrop-filter: blur(20px) saturate(135%); }
.nav-pill { box-shadow: 0 5px 22px rgb(29 29 31 / 4%), inset 0 1px 0 var(--surface-reflection), inset 0 -1px 0 rgb(255 255 255 / 20%); }
.audience-paths > article { background: var(--surface-frost); box-shadow: inset 0 1px 0 var(--surface-reflection), 0 5px 18px rgb(29 29 31 / 3%); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .nav-pill, .audience-paths > article, .demo-layout, .demo-stage { background: var(--surface-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  .nav-pill, .audience-paths > article, .demo-layout, .demo-stage { background: var(--surface-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  .nav-pill, .audience-paths > article, .demo-layout, .demo-stage { background: var(--surface-solid); border-color: var(--text); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
}