/* --- Gradient text --- */
.gradient-text {
  background: var(--gradient-ai);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* --- Hero glow blobs --- */
.ai-glow {
  position: absolute;
  border-radius: 9999px;
  filter: blur(80px);
  pointer-events: none;
}
[data-theme="dark"] .ai-glow {
  opacity: 0.55;
}

/* --- Unified focus ring --- */
.focus-ring:focus-within {
  border-color: var(--primary-500) !important;
  box-shadow: 0 0 0 3px var(--shadow-focus);
}

/* --- Glass upgrade (saturate, var-driven) --- */
.glass {
  background: rgba(var(--bg-page-rgb), 0.8);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}