/* ========================================
   Phosphor Green Theme Utilities
   Glow classes for the #00ff88 accent color.
   Uses --glow-rgb from _variables.css.
   ======================================== */

/* Text with glow */
.text-glow {
  color: var(--glow);
  text-shadow: 0 0 6px rgba(var(--glow-rgb), 0.3);
}

.text-glow-bright {
  color: var(--glow);
  text-shadow: 0 0 8px rgba(var(--glow-rgb), 0.5);
}

.text-glow-dim {
  color: var(--glow-dim);
  text-shadow: 0 0 4px rgba(var(--glow-rgb), 0.2);
}

/* Borders with glow */
.border-glow {
  border-color: var(--border-glow);
}

.border-glow-strong {
  border-color: rgba(var(--glow-rgb), 0.25);
  box-shadow: 0 0 12px rgba(var(--glow-rgb), 0.06);
}

/* Backgrounds */
.bg-glow-faint {
  background: var(--glow-faint);
}

.bg-glow-subtle {
  background: var(--glow-subtle);
}

/* Badge — Phosphor Green (colored text, tinted bg) */
.badge--glow {
  color: var(--glow);
  background: rgba(var(--glow-rgb), 0.08);
  border: 1px solid rgba(var(--glow-rgb), 0.2);
  text-shadow: 0 0 4px rgba(var(--glow-rgb), 0.3);
}

/* Accent line — horizontal glow bar */
.accent-line-glow {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--glow), transparent);
  opacity: 0.5;
  box-shadow: 0 0 16px rgba(var(--glow-rgb), 0.3), 0 0 32px rgba(var(--glow-rgb), 0.1);
}

/* Card with glow border */
.card--glow {
  border-color: var(--border-glow);
  box-shadow: 0 0 20px rgba(var(--glow-rgb), 0.03);
}

/* Gradient backgrounds */
.bg-gradient-glow {
  background: linear-gradient(180deg, rgba(var(--glow-rgb), 0.06) 0%, rgba(var(--glow-rgb), 0) 45%, rgba(255,255,255,0.015) 100%);
}

.bg-gradient-glow-subtle {
  background: linear-gradient(135deg, rgba(var(--glow-rgb), 0.04), transparent);
}