/**
 * Reset + tipografi ölçeği (bkz. TASARIM-SISTEMI.md).
 */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--renk-kagit);
	color: var(--renk-murekkep);
	font-family: var(--yazi-govde);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.65;
	font-variant-numeric: tabular-nums;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; }

h1, h2 {
	font-family: var(--yazi-baslik);
	/* Tek aileye geçilince ağırlık tek hiyerarşi aracı: başlık 700, alt başlık
	   600, gövde 400. Serif varken 600 yeterliydi, grotesk'te zayıf kalıyor. */
	font-weight: 700;
	/* Büyük puntoda harf araları açık duruyor; groteskler display boyutunda
	   hafif negatif tracking ister. */
	letter-spacing: -0.015em;
	margin: 0 0 var(--bosluk-4);
}

/* Alt sınır mobil için: uzun firma unvanı 1.9rem'de ekranın yarısını
   kaplıyordu. 6vw dar ekranda ~1.5rem verir, 600px üstünde clamp'in alt
   sınırına oturur. */
h1 { font-size: clamp(1.5rem, 6vw, 2.75rem); line-height: 1.15; }
h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); line-height: 1.25; }

h3 {
	font-family: var(--yazi-govde);
	font-weight: 600;
	font-size: 1.15rem;
	line-height: 1.35;
	margin: 0 0 var(--bosluk-2);
}

small, .odhun-kucuk {
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--renk-sessiz);
}

/* DİKKAT: bu sınıfı taşıyan bir elemana `padding: X 0` yazma — kısayol yan
   boşluğu SIFIRLAR. Masaüstünde fark edilmez (konteyner zaten max-width ile
   sınırlı), ama mobilde konteyner = ekran genişliği olduğu için içerik
   kenarlara yapışır. Dikey boşluk için `padding-block` kullan. */
.odhun-konteyner {
	max-width: var(--konteyner-genislik);
	margin: 0 auto;
	padding: 0 20px;
}

@media (max-width: 600px) {
	.odhun-konteyner { padding: 0 16px; }
}

hr { border: none; border-top: 1px solid var(--renk-cizgi); }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

:focus-visible {
	outline: 2px solid var(--renk-deniz-acik);
	outline-offset: 2px;
}