.glow-purple {
  color: var(--bright-purple);
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.9),
    0 0 calc(5px * var(--text-glow-strength)) rgba(157, 53, 255, 0.96),
    0 0 calc(16px * var(--glow-strength)) rgba(111, 32, 255, 0.45);
}

.glow-blue {
  color: var(--cyan-highlight);
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.9),
    0 0 calc(5px * var(--text-glow-strength)) rgba(99, 216, 255, 0.92),
    0 0 calc(16px * var(--glow-strength)) rgba(32, 184, 255, 0.42);
}

.glow-pink {
  color: var(--hot-pink);
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.9),
    0 0 calc(5px * var(--text-glow-strength)) rgba(255, 43, 166, 0.92),
    0 0 calc(16px * var(--glow-strength)) rgba(255, 120, 198, 0.38);
}

.glow-white {
  color: var(--cool-white);
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.92),
    0 0 calc(4px * var(--text-glow-strength)) rgba(234, 247, 255, 0.68),
    0 0 calc(11px * var(--glow-strength)) rgba(99, 216, 255, 0.18);
}

.major-event-glow {
  text-shadow:
    0 2px 2px rgba(0, 0, 0, 0.92),
    0 0 calc(7px * var(--event-glow-strength)) currentColor,
    0 0 calc(22px * var(--event-glow-strength)) currentColor,
    0 0 calc(44px * var(--event-glow-strength)) rgba(255, 43, 166, 0.22);
}

.subtle-surface {
  background: linear-gradient(135deg, rgba(5, 5, 9, 0.34), rgba(13, 13, 20, 0.14));
  box-shadow:
    inset 0 0 18px rgba(99, 216, 255, 0.08),
    0 0 28px rgba(157, 53, 255, 0.16);
  backdrop-filter: blur(2px);
}