/* ==========================================================================
   TEMEL KATMAN — Bileşen kütüphanesi §0.1 token bloğu
   Kaynak: 06-tasarim-brief/12-BILESEN-KUTUPHANESI-KOD.md

   Bu dosya EN ÖNCE yüklenir. İki iş yapar:
   1. Bağlayıcı token setini tanımlar (akışkan tipografi, bölüm ritmi, gölge tavanı)
   2. Eski token adlarımı yenilerine eşler — mevcut 8 CSS dosyası bozulmadan
      tüm siteye yeni ölçek uygulanır.
   ========================================================================== */

:root {
	/* ---------- RENK — SICAK PALET (Dental Gallery yönü) ----------
	   Değişken adları tarihsel (lacivert/petrol) ama değerler artık
	   kahve/taupe. Adlar korunarak tüm site tek dosyadan dönüştürüldü.
	   Kontrastlar hesaplandı: taupe-600 + beyaz metin 5.1:1,
	   soluk metin bej zeminde 5.0:1, koyu metin bejde 12.9:1. */
	--adh-lacivert-900: #2b241e;   /* koyu kahve — koyu blok/footer */
	--adh-lacivert-800: #3a3129;
	--adh-lacivert-700: #4a3f35;
	--adh-petrol-800:   #5d4a3b;
	--adh-petrol-700:   #6f5847;   /* ana vurgu (link, etiket) — beyazda 6.5:1 */
	--adh-petrol-600:   #7d6450;   /* buton — beyaz metinle 5.1:1 */
	--adh-petrol-500:   #947a64;
	--adh-petrol-100:   #e7ddd2;
	--adh-petrol-050:   #f3ede5;
	--adh-krem:         #faf7f2;   /* sayfa zemini */
	--adh-yuzey:        #ffffff;
	--adh-notr-100:     #f1ebe2;   /* bej bölüm zemini */
	--adh-notr-200:     #e5dccf;
	--adh-notr-300:     #cfc3b2;
	--adh-notr-400:     #a6988a;
	--adh-metin:        #2e2721;
	--adh-metin-soluk:  #6b5e52;
	--adh-metin-ters:   #ffffff;
	--adh-acil:         #a5312a;
	--adh-hata:         #b3261e;
	--adh-uyari:        #8a5a00;
	--adh-basari:       #1e7a4b;
	--adh-kum:          #c9a06a;   /* yalnızca hekim notu ve .adh-cevap şeridi */
	--adh-amber:        #c78a12;   /* yalnızca "kapanmak üzere" durumu */
	--adh-beyaz:        #ffffff;
	--adh-perde-renk:   43 36 30;  /* koyu kahve RGB kanalları */

	/* ---------- TİPOGRAFİ ---------- */
	--adh-font-baslik: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
	--adh-font-govde:  "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	--adh-font-aksan:  "Lora", Georgia, "Times New Roman", serif;

	/* 360px → 1440px arası akışkan ölçek */
	--adh-yazi-100: clamp(0.75rem, 0.73rem + 0.09vw, 0.8125rem);
	--adh-yazi-200: clamp(0.875rem, 0.85rem + 0.09vw, 0.9375rem);
	--adh-yazi-300: clamp(1rem, 0.98rem + 0.09vw, 1.0625rem);
	--adh-yazi-400: clamp(1.0625rem, 1.02rem + 0.19vw, 1.1875rem);
	--adh-yazi-500: clamp(1.1875rem, 1.125rem + 0.28vw, 1.375rem);
	--adh-yazi-600: clamp(1.375rem, 1.25rem + 0.56vw, 1.75rem);
	--adh-yazi-700: clamp(1.625rem, 1.417rem + 0.93vw, 2.25rem);
	--adh-yazi-800: clamp(1.75rem, 1.5rem + 1.11vw, 2.5rem);
	--adh-yazi-900: clamp(2.125rem, 1.75rem + 1.67vw, 3.25rem);

	--adh-lh-sik:    1.07;
	--adh-lh-baslik: 1.18;
	--adh-lh-govde:  1.62;
	--adh-ls-baslik: -0.021em;
	--adh-ls-etiket: 0.08em;

	/* ---------- BOŞLUK ---------- */
	--adh-b1: 8px;
	--adh-b2: 12px;
	--adh-b3: 16px;
	--adh-b4: clamp(1.25rem, 1.18rem + 0.37vw, 1.5rem);
	--adh-b5: clamp(1.75rem, 1.63rem + 0.37vw, 2rem);
	--adh-b6: clamp(2.25rem, 1.85rem + 1.11vw, 3rem);
	--adh-b7: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
	/* Bölüm ritmi sıkılaştırıldı: 44 → 72px (96 çok genişti) */
	--adh-bolum-py: clamp(2.75rem, 2.1rem + 2.4vw, 4.5rem);

	/* ---------- DÜZEN ---------- */
	--adh-genislik: 1350px;   /* boxed genel genişlik — kullanıcı kararı */
	--adh-genislik-dar: 1180px;
	--adh-metin-genislik: 65ch;
	--adh-yan-bosluk: clamp(1rem, 0.5rem + 2.22vw, 2rem);
	--adh-gap: clamp(1rem, 0.78rem + 1vw, 1.5rem);
	--adh-header-y: 88px;
	--adh-header-y-kucuk: 64px;
	--adh-header-y-mobil: 60px;
	--adh-cubuk-y: 56px;
	--adh-yapiskan-ust: 88px;
	--adh-yan-panel-g: 320px;

	/* ---------- KENAR / RADIUS / GÖLGE ---------- */
	--adh-r-s: 10px;
	--adh-r-m: 16px;
	--adh-r-l: 24px;
	--adh-r-tam: 999px;
	--adh-cizgi: var(--adh-notr-200);
	--adh-kenar: 1px solid var(--adh-notr-200);
	/* Gölge tavanı: alfa ≤ .12, offset ≤ 3px */
	--adh-golge-hafif: 0 1px 2px rgb(43 36 30 / .05);
	--adh-golge-orta:  0 2px 6px rgb(43 36 30 / .07);
	--adh-golge-hover: 0 3px 12px rgb(43 36 30 / .10);

	/* ---------- HAREKET ---------- */
	--adh-gecis-anlik: 90ms;
	--adh-gecis-hizli: 140ms;
	--adh-gecis: 200ms;
	--adh-gecis-yavas: 260ms;
	--adh-gecis-panel: 300ms;
	--adh-yumusama-cikis: cubic-bezier(.22, .61, .36, 1);
	--adh-yumusama-standart: cubic-bezier(.4, 0, .2, 1);
	--adh-yumusama-panel: cubic-bezier(.33, 1, .68, 1);
	--adh-hover-y: -2px;

	/* ---------- GÖRSEL ORANLARI ---------- */
	--adh-oran-hero: 4/5;
	--adh-oran-kart: 4/5;
	--adh-oran-serit: 3/2;
	--adh-oran-bant: 3/1;

	/* ======================================================================
	   ESKİ AD → YENİ AD KÖPRÜSÜ
	   Mevcut CSS dosyalarım bu adları kullanıyor; hepsi yeni ölçeğe bağlandı.
	   ====================================================================== */
	--adh-fs-display: var(--adh-yazi-900);
	--adh-fs-h1:      var(--adh-yazi-800);
	--adh-fs-h2:      var(--adh-yazi-700);
	--adh-fs-h3:      var(--adh-yazi-600);
	--adh-fs-h4:      var(--adh-yazi-500);
	--adh-fs-buyuk:   var(--adh-yazi-400);
	--adh-fs-govde:   var(--adh-yazi-300);
	--adh-fs-kucuk:   var(--adh-yazi-200);
	--adh-fs-mini:    var(--adh-yazi-100);

	--adh-lh-sik-eski: var(--adh-lh-sik);
	--adh-lh-orta:  var(--adh-lh-baslik);
	--adh-lh-genis: var(--adh-lh-govde);
	--adh-ls-sik:   var(--adh-ls-baslik);
	--adh-ls-genis: var(--adh-ls-etiket);

	--adh-bos-3xs: 4px;
	--adh-bos-2xs: var(--adh-b1);
	--adh-bos-xs:  var(--adh-b2);
	--adh-bos-s:   var(--adh-b3);
	--adh-bos-m:   var(--adh-b4);
	--adh-bos-l:   var(--adh-b5);
	--adh-bos-xl:  var(--adh-b6);
	--adh-bos-2xl: var(--adh-b7);
	--adh-bos-3xl: calc(var(--adh-b7) * 1.5);
	--adh-bolum:   var(--adh-bolum-py);

	--adh-kapsayici:       var(--adh-genislik);
	--adh-kapsayici-genis: 1400px;
	--adh-kapsayici-dar:   760px;

	--adh-radius-s:   var(--adh-r-s);
	--adh-radius-m:   var(--adh-r-m);
	--adh-radius-l:   var(--adh-r-l);
	--adh-radius-tam: var(--adh-r-tam);

	--adh-arkaplan:      var(--adh-krem);
	--adh-birincil:      var(--adh-petrol-600);
	--adh-birincil-koyu: var(--adh-petrol-700);
	--adh-odak:          var(--adh-petrol-600);

	--adh-buton-y:        52px;
	--adh-buton-y-kucuk:  44px;
	--adh-dokunma:        44px;
}

@media (max-width: 1023.98px) {
	:root {
		--adh-header-y: var(--adh-header-y-mobil);
		--adh-yapiskan-ust: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--adh-gecis-anlik: 1ms;
		--adh-gecis-hizli: 1ms;
		--adh-gecis: 1ms;
		--adh-gecis-yavas: 1ms;
		--adh-gecis-panel: 1ms;
		--adh-hover-y: 0px;
	}
}

/* --------------------------------------------------------------------------
   MOBİL P0 DÜZELTMELERİ (kütüphane §0.2)
   -------------------------------------------------------------------------- */

/* iOS'ta 16px altı girdi otomatik yakınlaştırma yapıyor */
input, select, textarea { font-size: max(16px, 1rem); }

/* Sabit alt çubuk çentikli ekranlarda içeriği yemesin */
@media (max-width: 1024px) {
	body.adh-cubuk-var {
		padding-bottom: calc(var(--adh-cubuk-y) + env(safe-area-inset-bottom, 0px));
	}
}

/* Okuma sütunu tavanı */
.adh-icerik > p,
.adh-icerik > ul,
.adh-icerik > ol { max-width: var(--adh-metin-genislik); }