/* Boogie Heights — light, not shadow. The brand guide forbids drop shadows on the mark;
   depth in the venue comes from neon glow, backlit panels and reflective floors. */
:root{
  --glow-gold:0 0 0 1px var(--bh-gold), 0 0 18px color-mix(in srgb, var(--bh-gold) 55%, transparent);
  --glow-pink:0 0 0 1px var(--bh-neon-pink), 0 0 18px color-mix(in srgb, var(--bh-neon-pink) 55%, transparent);
  --glow-crimson:0 0 24px color-mix(in srgb, var(--bh-neon-red) 45%, transparent);
  --glow-soft:0 0 40px color-mix(in srgb, var(--bh-gold) 22%, transparent);
  --inset-hairline:inset 0 0 0 1px var(--border-hairline);

  /* Backlit surfaces */
  --backlit-gold:linear-gradient(180deg, color-mix(in srgb, var(--bh-gold) 28%, transparent), transparent 70%);
  --backlit-crimson:linear-gradient(180deg, color-mix(in srgb, var(--bh-crimson) 55%, transparent), transparent 75%);

  /* Protection scrim for type over imagery */
  --scrim-bottom:linear-gradient(to top, color-mix(in srgb, var(--bh-ink) 92%, transparent) 0%, color-mix(in srgb, var(--bh-ink) 55%, transparent) 45%, transparent 100%);
  --scrim-full:color-mix(in srgb, var(--bh-ink) 55%, transparent);

  --blur-glass:blur(14px) saturate(1.1); /* @kind other */
}