/* src/frontend/styles/glassmorphism.css */
/* V5 — halo et glow renforcés, sans sacrifier l’AA */

.glass-effect{
  background-color:rgba(28,28,30,.65);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  box-shadow:
    0 16px 40px rgba(0,0,0,.38),
    inset 0 0 34px rgba(255,255,255,.035);
}

/* Halo générique (appliqué aux bulles/boutons) */
.halo{
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    0 0 20px rgba(255,255,255,.10),
    inset 0 0 12px rgba(255,255,255,.05);
}

/* Auras colorées */
.halo--anima{ box-shadow:0 10px 28px rgba(225,29,72,.28), 0 0 24px rgba(225,29,72,.30); }
.halo--neo  { box-shadow:0 10px 28px rgba(37,99,235,.28), 0 0 24px rgba(37,99,235,.30); }
.halo--nexus{ box-shadow:0 10px 28px rgba(16,185,129,.28), 0 0 24px rgba(16,185,129,.30); }

/* Lueur de bordure subtile */
.glow-border{ position:relative; }
.glow-border::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit;
  padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.05));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}