/* Tailwind utility'lerinin yetmediği özel stiller burada */

/* @layer base içine sarılı — sarmalanmazsa bu kurallar "unlayered" sayılır ve
   specificity'den bağımsız olarak TÜM Tailwind utility'lerini ezer. */
@layer base {
  html {
    scroll-behavior: smooth;
  }

  /* Sticky header'ın altında kalmasın diye anchor navigasyonuna offset */
  [id] {
    scroll-margin-top: 6rem;
  }

  ::selection {
    background: var(--color-green);
    color: var(--color-cream);
  }
}

/* a:hover özellikle utilities katmanında — böylece normal specificity çalışır:
   a:hover (0,1,1) düz nav linklerindeki .text-ink (0,1,0) rengini ezer (istenen altın-hover),
   ama .hover\:text-white:hover (0,2,0) gibi açık bir override varsa ona yenilir (buton istisnası). */
@layer utilities {
  a:hover {
    color: var(--color-green);
  }
}

/* Hero portresinin arkasındaki ofsetli dekoratif çerçeve */
.hero-frame {
  position: absolute;
  inset: 18px -18px -18px 18px;
  border: 1px solid var(--color-green);
  border-radius: 8px;
  opacity: 0.5;
}

/* Hero'daki üniversite rozetinin gölgesi — marka rengine bağlı, hardcoded değil */
.hero-credential-shadow {
  box-shadow: 0 18px 50px -20px color-mix(in srgb, var(--color-green) 40%, transparent);
}

/* İletişim formları: gönderim hatası mesajı */
.form-error {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  color: #a23a2c;
}

/* Gönderim sürerken buton */
form button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: wait;
}

/* Spam botları için gizli alan (honeypot) — kullanıcı görmez */
.form-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}