/* Tasarım değişkenleri — nizam/tasarim.md ile birebir.
   Renk ve ölçü yalnız burada tanımlanır; ekran dosyaları buradan okur. */
:root {
  /* Yüzeyler ve çizgiler */
  --zemin: #F4F5F7;
  --yuzey: #FFFFFF;
  --yuzey-2: #F9FAFB;
  --cizgi: #E4E7EC;
  --cizgi-guclu: #D0D5DD;

  /* Yazı */
  --yazi: #101828;
  --yazi-2: #475467;
  --yazi-3: #667085;
  --yazi-ters: #FFFFFF;

  /* Vurgu (nötr, marka değil) */
  --vurgu: #1D3A5F;
  --vurgu-basili: #16304F;
  --vurgu-zemin: #EAF0F7;
  --odak: #2E6BB0;

  /* Durum */
  --olumlu: #067647;
  --olumlu-zemin: #ECFDF3;
  --uyari: #B54708;
  --uyari-zemin: #FFFAEB;
  --hata: #B42318;
  --hata-zemin: #FEF3F2;

  /* Sekme kırmızısı — yalnız aktif sekme / seçili menü öğesi */
  --sekme: #C0262D;
  --sekme-hap: #FDECEC;

  /* Alt çubuk buzlu cam */
  --altcubuk-cam: rgba(255, 255, 255, .82);
  --perde: rgba(16, 24, 40, .45);

  /* Yazı tipi */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --olcek: 1;

  /* Tipografi: boyut / satır yüksekliği (rem, kök 16px × --olcek) */
  --baslik-1: 1.5rem;     --baslik-1-satir: 2rem;
  --baslik-2: 1.25rem;    --baslik-2-satir: 1.75rem;
  --baslik-3: 1.0625rem;  --baslik-3-satir: 1.5rem;
  --govde: .9375rem;      --govde-satir: 1.375rem;
  --kucuk: .8125rem;      --kucuk-satir: 1.125rem;
  --etiket: .6875rem;     --etiket-satir: .875rem;
  --tutar-buyuk: 1.75rem; --tutar-buyuk-satir: 2.125rem;

  /* Boşluk */
  --b1: 4px;
  --b2: 8px;
  --b3: 12px;
  --b4: 16px;
  --b5: 24px;
  --b6: 32px;
  --b7: 48px;

  /* Köşe ve gölge */
  --kose-k: 8px;
  --kose-o: 12px;
  --kose-b: 16px;
  --kose-hap: 999px;
  --golge-1: 0 1px 2px rgba(16, 24, 40, .06);
  --golge-2: 0 8px 24px rgba(16, 24, 40, .12);

  /* Sabit ölçüler */
  --dokunma: 44px;
  --dugme-y: 44px;
  --alan-y: 48px;
  --ustcubuk-y: 56px;
  --altcubuk-y: 64px;
  --yanpanel-g: 240px;
  --icerik-g: 960px;
  --ayarlar-g: 640px;

  /* Güvenli alanlar (tarayıcıda 0, uygulama kipinde doldurulur) */
  --guvenli-ust: env(safe-area-inset-top, 0px);
  --guvenli-alt: 0px;

  /* Hareket */
  --sure-kisa: 160ms;
  --sure-orta: 200ms;
  --sure-sayfa: 250ms;
  --egri: cubic-bezier(.2, 0, 0, 1);

  /* Basınca küçülme — öğe boyuna göre */
  --kucul-buyuk: .97;
  --kucul-orta: .95;
  --kucul-simge: .90;
  --kucul-satir: .98;
}

/* Ana ekran çizgisinin payı yalnız uygulama kipinde, alt çubuğun içine verilir */
@media (display-mode: standalone) {
  :root { --guvenli-alt: env(safe-area-inset-bottom, 0px); }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sure-kisa: 0ms;
    --sure-orta: 0ms;
    --sure-sayfa: 0ms;
  }
}