/* Ortak temel: tipografi ölçeği, boşluk ölçeği, renk değişkenleri.
 *
 * TEK KAYNAK: bu dosya hem giriş sayfalarının hem de ortak üst çubuğun (kabuk.css)
 * altındaki değişkenleri tanımlar. Ürünler bu dosyayı KENDİ kökenlerinden sunar (sıkı CSP
 * bozulmasın diye başka kökenden yüklenmez); kopyayı güncellerken web/kabuk/README.md'deki
 * sağlama karşılaştırması yapılır.
 *
 * Karanlık/aydınlık: SİSTEM tercihini izleyen TEK palet (ayrı tema düğmesi yok).
 * Ürün vurgu rengi: --nid-vurgu. Ürün kendi sayfasında `:root{--nid-vurgu:#…}` ile değiştirir;
 * başka hiçbir renk ürüne özel değildir.
 * Marka adı, alan adı, logo YOKTUR: metinlerin hepsi sunucudan (yapılandırmadan) gelir.
 */

:root {
  color-scheme: light dark;

  /* tipografi ölçeği */
  --nid-yazi: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --nid-tek-aralik: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --nid-olcek-kucuk: 12px;
  --nid-olcek-ikincil: 13px;
  --nid-olcek-govde: 15px;
  --nid-olcek-alan: 17px;
  --nid-olcek-baslik: 20px;
  --nid-olcek-buyuk: 24px;

  /* boşluk ölçeği */
  --nid-bosluk-1: 4px;
  --nid-bosluk-2: 8px;
  --nid-bosluk-3: 12px;
  --nid-bosluk-4: 16px;
  --nid-bosluk-5: 24px;

  /* yüzey ve çizgi */
  --nid-yuvarlak: 10px;
  --nid-yuvarlak-kart: 14px;
  --nid-dokunma: 44px;            /* en küçük dokunma hedefi */
  --nid-golge: 0 1px 3px rgba(0, 0, 0, .12);

  /* aydınlık palet */
  --nid-zemin: #f5f5f7;
  --nid-yuzey: #ffffff;
  --nid-yuzey-2: #f2f2f7;
  --nid-metin: #1c1c1e;
  --nid-ikincil: #6b6b70;
  --nid-cizgi: #c7c7cc;
  --nid-vurgu: #0a66c2;
  --nid-vurgu-uzeri: #ffffff;
  --nid-hata: #b3261e;
  /* ⚠ Renkli (tint'li) kutu ÜSTÜNDEKİ metin için: beyaz zemine göre seçilen ton tint üstünde
     4,5:1'in altına düşüyordu (16 Eyl 2026 ölçümü: olumlu 3,98 · rozet 4,19 · uyarı bağlantısı
     4,45). Bu iki değişken YALNIZ tint'li kutularda kullanılır, düz yüzeyde vurgu/olumlu geçerlidir. */
  --nid-vurgu-koyu: #0a5aa8;
  --nid-olumlu: #166a31;
}

@media (prefers-color-scheme: dark) {
  :root {
    --nid-zemin: #000000;
    --nid-yuzey: #1c1c1e;
    --nid-yuzey-2: #2c2c2e;
    --nid-metin: #f2f2f7;
    --nid-ikincil: #a1a1a6;
    --nid-cizgi: #3a3a3c;
    --nid-vurgu: #4da3ff;
    --nid-vurgu-uzeri: #10233a;
    --nid-vurgu-koyu: #4da3ff;
    --nid-hata: #ff6f61;
    --nid-olumlu: #5fd07f;
    --nid-golge: none;
  }
}

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

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

body {
  margin: 0;
  font: var(--nid-olcek-govde) / 1.45 var(--nid-yazi);
  background: var(--nid-zemin);
  color: var(--nid-metin);
}

img,
svg {
  max-width: 100%;
}

[hidden] {
  display: none !important;
}

a {
  color: var(--nid-vurgu);
}

/* Tek değeri temsil eden metin (ad, tutar, kod, e-posta, telefon) ASLA sarmaz. */
.nid-tek-satir {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

:where(button, a, input, summary):focus-visible {
  outline: 2px solid var(--nid-vurgu);
  outline-offset: 1px;
}