/*
 * density.css — dar ekranlarda arayüz yoğunluğu
 *
 * NEDEN BURADA, TEMANIN SCSS'İNDE DEĞİL:
 * Vuexy'nin semantik kolu `$font-size-root` (bkz. _custom-variables/
 * _bootstrap-extended.scss) ama o bir SCSS değişkeni — derlemede tek bir sabite
 * dönüşüyor (`:root { font-size: 16px }`) ve ekran boyutuna göre değişemiyor.
 * Full HD'de mevcut ölçü doğru, sıkışan yalnız daha dar ekranlar; bu yüzden
 * taban temada 16px kalıyor ve küçültme buradan, media query ile geliyor.
 *
 * NASIL ÇALIŞIYOR:
 * Tema her ölçüsünü rem ile veriyor ve kökü tek değişkenden okuyor
 * (`:root { font-size: var(--bs-root-font-size) }`). Bu değişkeni kısmak yazıyı,
 * iç boşlukları, kart dolgusunu ve tablo satır yüksekliğini AYNI oranda
 * küçültür — düzen bozulmadan ekrana daha çok içerik sığar. Tek tek font-size
 * ezmekten farkı bu: hiçbir hizalama kaymaz.
 *
 * AYARLANACAK İKİ SAYI: eşik ve boyut.
 *   16px tema varsayılanı · 15px = %6,25 küçülme · 14px = %12,5 (belirgin)
 * Eşik 1700px seçildi: büyütülmüş Full HD penceresi (~1905px görünür alan)
 * dokunulmadan kalsın, 1366/1440/1600 sınıfı ekranlar kazansın.
 *
 * Bu dosya `resources/assets/css/` altında durur ve mix tarafından
 * `public/assets/css/` içine kopyalanır — public'e elle dosya bırakılmaz.
 */

@media (max-width: 1700px) {
  :root {
    --bs-root-font-size: 15px;
  }
}

/* 1366px sınıfı ekranlarda bir kademe daha. */
@media (max-width: 1400px) {
  :root {
    --bs-root-font-size: 14px;
  }
}