/* Qlobal Base Stilləri */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-body);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out;
}

* {
  border-color: var(--color-border);
}

/* Xüsusi Köməkçi Utility Klassları */
.text-gradient-aurora {
  background: linear-gradient(
    100deg,
    var(--color-aurora-green) 0%,
    var(--color-aurora-teal) 45%,
    var(--color-aurora-gold) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aurora-glow {
  box-shadow:
    0 0 40px -8px rgba(23, 207, 137, 0.45),
    0 0 80px -20px rgba(26, 229, 209, 0.3);
}

.card-glow-hover {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.card-glow-hover:hover {
  transform: translateY(-4px);
  border-color: rgba(23, 207, 137, 0.5);
  box-shadow:
    0 12px 40px -10px rgba(23, 207, 137, 0.35),
    0 0 60px -20px rgba(26, 229, 209, 0.25);
}

.bg-aurora-sky {
  background:
    radial-gradient(
      ellipse 90% 55% at 15% -10%,
      rgba(23, 207, 137, 0.22),
      transparent 60%
    ),
    radial-gradient(
      ellipse 70% 45% at 75% -5%,
      rgba(26, 229, 209, 0.18),
      transparent 60%
    ),
    radial-gradient(
      ellipse 55% 35% at 50% 0%,
      rgba(239, 183, 56, 0.08),
      transparent 60%
    ),
    var(--color-night);
}

/* Iframe border reset overlay */
iframe {
  border: none;
  background-color: transparent;
}