/* ============================================================
   assets/holo.css  —  EFFETS SIGNATURE en CSS/SVG (aucun PNG)
   Ce fichier documente les recettes de la signature holographique.
   Toutes les valeurs proviennent de tokens.css — ne rien coder en dur.
   Inclure tokens.css AVANT ce fichier.
   ============================================================ */

/* 1) Texte holographique animé — cf. .pu-holo-text dans tokens.css
   Usage : <span class="pu-holo-text">RASSEMBLE</span> */

/* 2) Bouton holographique — cf. .pu-btn--primary */

/* 3) Voile holo sur image hero — cf. .pu-hero__holo
   (mix-blend-mode: soft-light au-dessus d'une photo réelle) */

/* 4) Fine barre de rappel — cf. .pu-holo-bar */

/* 5) Halo radial par série (fond de vignette logo)
   Usage : <div class="pu-serie-halo" style="--pu-serie-default:var(--pu-serie-fleurazur)"> */
.pu-serie-halo {
  background: radial-gradient(circle at 50% 50%,
    color-mix(in srgb, var(--pu-serie-default) 18%, transparent), transparent 70%);
  border-radius: var(--pu-radius-md);
}

/* Repli si color-mix non supporté : teinte fixe neutre */
@supports not (background: color-mix(in srgb, red, blue)) {
  .pu-serie-halo { background: radial-gradient(circle at 50% 50%, rgba(139,224,208,.14), transparent 70%); }
}