/* Kit Brioz UI (docs/design/kit-brioz/visuel/brioz.css, 08/11/2026), traduit pour des pages rendues côté serveur sans Tailwind :
   les @utility deviennent des classes. Couleurs de l'identité Brioz. Chargé avant cockpit.css et espace.css. */
:root {
  --brz-fond: #F2EEE6;
  --brz-texte: #141414;
  --brz-primaire: #1E9E6A;
  --brz-lueur: #d9cdb6;
  --brz-verre-opacite: 90%;
  --brz-verre-reflet: 0.6;
  --brz-verre-ombre: 0 12px 32px -12px rgb(0 0 0 / 0.28), 0 2px 6px rgb(0 0 0 / 0.06), inset 0 1px 0 rgb(255 255 255 / var(--brz-verre-reflet));
  --brz-ombre-carte: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 0 0 1px rgb(0 0 0 / 0.04), 0 1px 2px rgb(0 0 0 / 0.05), 0 10px 28px -12px rgb(0 0 0 / 0.18);
}

/* Le verre (annonce du cockpit, onglets de l'espace client) est posé dans cockpit.css et espace.css avec ces jetons.
   Transparence réduite ou contraste renforcé : fond plein. */
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root { --brz-verre-opacite: 100%; }
}

/* Le fond teinté, sur un calque fixe à part et dès 640 px seulement (WebKit, PIEGES.md du kit). */
@media (min-width: 640px) {
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(60rem 40rem at 0% -10%, color-mix(in oklab, var(--brz-primaire) 9%, transparent), transparent 70%),
      radial-gradient(50rem 36rem at 100% 0%, color-mix(in oklab, var(--brz-lueur) 22%, transparent), transparent 70%);
  }
}

/* Base : chiffres de même largeur. L'appui à 0,97 existe déjà dans cockpit.css et espace.css (transform) : pas de second appui ici. */
body { font-variant-numeric: tabular-nums; }