/* ===========================
   RESET & BASE STYLES — SIFIRLAMA VE TEMEL BAŞLANGIÇ STİLLERİ
   Tarayıcıların varsayılan farklılıklarını gidermek için kullanılan temel stil sıfırlaması
   =========================== */

/* 
   Tüm Elemanların Sıfırlanması
   Kullanım: Sitedeki tüm etiketler, onların ::before ve ::after sahte katmanları için geçerlidir.
   İşlev: Dış (margin) ve iç (padding) boşlukları sıfırlar, border-box ile genişlik hesaplamasını sabitleştirir.
*/
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 
   HTML Kök Elemanı (Kapsayıcı)
   İşlev: Sayfa içi yumuşak kaydırma (smooth scroll) özelliğini etkinleştirir ve varsayılan font ölçeğini (16px) tanımlar.
*/
html {
  scroll-behavior: smooth;
  font-size: 16px;
}

/* 
   Body (Sayfa Gövdesi)
   İşlev: Sitenin varsayılan yazı tipini, satır aralığını belirler. 
   Taşmaları (overflow-x) gizler ve yazıların tarayıcılarda daha pürüzsüz görünmesini (anti-aliasing) sağlar.
*/
body {
  font-family: 'Inter', 'Outfit', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 
   Medya Elemanları (Görsel, Video, SVG)
   İşlev: Sayfada taşmalarını önlemek için maksimum genişliklerini sınırlar ve altındaki anlamsız boşlukları kaldırmak için blok yapar.
*/
img, video, svg {
  max-width: 100%;
  display: block;
}

/* 
   Bağlantı Elemanları (A etiketleri)
   İşlev: Alt çizgiyi kaldırır ve rengini üst kapsayıcısından miras alacak (inherit) şekilde ayarlar.
*/
a {
  text-decoration: none;
  color: inherit;
}

/* 
   Listeler (Sıralı / Sırasız)
   İşlev: Liste başlarındaki varsayılan madde imlerini (nokta, sayı vb.) temizler.
*/
ul, ol {
  list-style: none;
}

/* 
   Butonlar
   İşlev: Tarayıcının varsayılan çerçevesini temizler, tıklama imleci ekler ve yazı tipini devralmasını sağlar.
*/
button {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

/* 
   Form Elemanları (Girdi Alanları)
   İşlev: Kutuların içindeki yazı tipini üst kapsayıcıyla (Inter) eşitler.
*/
input, textarea, select {
  font-family: inherit;
}