/*
 * Contraste renforcé et replis opaques (M06-T03), communs aux thèmes clair et sombre.
 *
 * Règles de la direction A « Verre » (docs/design/direction-visuelle.md § 2 et
 * maquettes/cockpit/direction-a/styles.css) : sans flou possible, sous
 * prefers-reduced-transparency: reduce ou sous prefers-contrast: more, chaque verre
 * devient une surface pleine de même teinte et le fond vivant s'efface ; la mise en
 * page ne bouge pas. Le contraste renforcé durcit aussi liserés et textes secondaires.
 *
 * Aucune couleur nouvelle : seulement des renvois aux jetons des thèmes, donc valables
 * dans les deux. Couche jetons.repli : l'emporte sur jetons.theme quel que soit
 * l'ordre de chargement.
 */

@layer jetons.repli {
  /* Navigateur sans backdrop-filter : aplats. */
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root,
    [data-theme] {
      --fond-vivant: none;
      --card: var(--card-opaque);
      --surface-2: var(--surface-2-opaque);
      --popover: var(--card-opaque);
      --voile-nav: var(--card-opaque);
      --commande-fond: var(--card-opaque);
    }
  }

  /* Transparence réduite : aplats, plus de flou, plus de fond vivant. */
  @media (prefers-reduced-transparency: reduce) {
    :root,
    [data-theme] {
      --fond-vivant: none;
      --card: var(--card-opaque);
      --surface-2: var(--surface-2-opaque);
      --popover: var(--card-opaque);
      --voile-nav: var(--card-opaque);
      --commande-fond: var(--card-opaque);
      --verre-flou-fin: 0px;
      --verre-flou: 0px;
      --verre-flou-epais: 0px;
    }
  }

  /* Contraste renforcé (thème « contraste ») : aplats, liserés et textes secondaires au plus net. */
  @media (prefers-contrast: more) {
    :root,
    [data-theme] {
      --fond-vivant: none;
      --card: var(--card-opaque);
      --surface-2: var(--surface-2-opaque);
      --popover: var(--card-opaque);
      --voile-nav: var(--card-opaque);
      --verre-bord: var(--input);
      --commande-fond: var(--card-opaque);
      --commande-bord: var(--input);
      --border: var(--input);
      --muted-foreground: var(--foreground);
      --defilement-poignee: var(--foreground);
      --defilement-survol: var(--foreground);
      --defilement-piste: var(--card-opaque);
      --verre-flou-fin: 0px;
      --verre-flou: 0px;
      --verre-flou-epais: 0px;
    }
  }
}