/* güllüoğlu kübban · Muhasebe Modülü
   Tek değişken dosyası. Renk, yazı ve ölçüler yalnız burada tanımlanır;
   hiçbir ekran dosyası bu değerleri yeniden yazmaz.
   Kaynak: 6-belgeler/tasarim.md

   ŞABLON PALETİ. Nötr metalik gri + kırmızı vurgu. Firmaya özel bir renk,
   doku ya da motif taşımaz; yeni bir firmaya kopya çıkarken marka rengi
   yalnız --vurgu üzerinden değiştirilir. */

:root {
  color-scheme: light;

  /* ---- Renk ---- */
  --vurgu: #B72C28;
  --ikinci: #6E747C;
  --zemin: #EDEEF0;
  --yuzey: #FFFFFF;
  --metin: #22252A;
  --oyuk: #F3F4F6;
  --kenar: #DCDEE2;
  --ayirici: #E6E8EB;
  --hata: #B72C28;
  --bilgi: #2F6FB0;
  --uyari: #B87503;
  --basari: #2F7D53;
  --gri-vurgu: #6E747C;
  --metin-basari: #22603F;
  --metin-uyari: #7A4E06;
  --metin-hata: #8E2320;
  --metin-bilgi: #24547F;

  /* ---- Hesap defteri ----
     Defterin kendi tonları. Ayrı adlarla duruyorlar çünkü anlamları ayrı:
     --vurgu uygulamanın kimliğidir, aşağıdakiler defterin kâğıt ve
     mürekkep tonlarıdır. Bileşenlerin içine hex yazılmaz, hepsi buradan
     okunur (4-ekranlar/2-raporlar/hareketler.js · hd-*). */
  --defter-koyu: #3A3D42;           /* koyu gri · çerçeve ve başlık */
  --defter-eksi: #B72C28;           /* kırmızı · eksi bakiye */
  --defter-zemin: #FFFFFF;          /* kart zemini */
  /* Defterin dört katmanı dört ayrı ton: kart · tek satır · çift satır ·
     başlık şeridi. Önce üçü aynı iki renge biniyordu — başlık şeridi
     çift satırla, tek satırlar da kartın kendi zeminiyle birebir aynıydı;
     tablo düz bir yüzey gibi duruyordu. */
  --defter-satir: #FAFBFC;          /* tek satır */
  --defter-satir-cift: #F3F4F6;     /* çift satır · dönüşümlü */
  --defter-baslik: #E6E8EB;         /* başlık şeridi · en koyu gri */
  --defter-acilis: #EDF0F3;         /* açılış satırı */
  --defter-notr: #4A4E55;           /* nötr bakiye */
  --defter-tel: #A8AEB6;            /* ince çizgi */
  --defter-tel-soluk: rgba(168, 174, 182, .30);
  --defter-arti: #2F7D53;           /* artı bakiye */
  --defter-cizgi: rgba(34, 37, 42, .14);   /* sütun ayracı */
  --defter-hover: rgba(34, 37, 42, .05);

  /* ---- Kart yüzeyi ----
     Kart düz bir yüzeydir: desen, doku ya da çift çerçeve taşımaz.
     Kartı ayıran şey 1px kenarıdır. */
  --kart-zemin: var(--yuzey);
  --kart-kenar: var(--kenar);
  --kart-desen: none;
  --kart-kagit: var(--yuzey);
  --kart-yuzey: var(--yuzey);
  --kart-cerceve: 1px solid var(--kenar);
  --kart-tel: 1px solid transparent;
  --kart-golge: 0 1px 2px -1px rgba(34, 37, 42, .16);

  /* ---- Grafik ---- */
  --grafik-gerceklesen: #B72C28;
  --grafik-beklenen: #8A9099;
  --grafik-ikincil: #2F6FB0;
  --grafik-sifir: rgba(34, 37, 42, .35);
  --grafik-eksi: rgba(183, 44, 40, .10);
  --grafik-izgara: #E6E8EB;

  /* ---- Doku ----
     Şablonda yüzey dokusu yoktur; yüzeyler düz renktir. Değişkenler
     saydam duruyor ki onları okuyan kurallar bozulmasın. */
  --doku-gren: transparent;
  --doku-lif: transparent;

  /* ---- Köşe ---- */
  --kose-kart: 18px;
  --kose-kutu: 10px;
  --kose-dugme: 14px;
  --kose-modal: 20px;

  /* ---- Boşluk · bütün aralıklar bunun katıdır ---- */
  --bosluk: 8px;

  /* ---- Malzeme ---- */
  /* Kart havada durmaz, sayfanın üstünde durur: kartı ayıran şey gölge
     değil 1px kenarıdır. Gölge yalnız o kenarın altına düşen ince bir
     çizgidir. Eskiden 14px yayılan gölge bütün kartları uçuruyordu. */
  --golge: 0 1px 2px -1px rgba(34, 37, 42, .16);
  --perde: rgba(34, 37, 42, .55);

  /* ---- Yan panel ----
     Gezinme rayının kendi paleti: sayfadan bir ton açık nötr gri.
     Kırmızı yalnız açık sayfanın kapsülünde görünür.
     Kaynak: 6-belgeler/tasarim.md · "Bileşenler" · Yan panel */
  --yan-zemin: #F7F8F9;
  --yan-metin: #22252A;
  --yan-metin-ikincil: #6E747C;
  --yan-ayirici-cizgi: rgba(34, 37, 42, .10);
  --yan-kenar: rgba(34, 37, 42, .16);
  --yan-desen: transparent;
  --yan-vurgu: #B72C28;
  --yan-vurgu-koyu: #9A231F;
  --yan-tel: #A8AEB6;
  --yan-tel-cizgi: rgba(110, 116, 124, .42);

  /* ---- Yazı tipi ---- */
  --yazi-baslik: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --yazi-metin: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ---- Yazı kademeleri ---- */
  --h1-boy: 24px;
  --h1-satir: 28px;
  --h2-boy: 18px;
  --h2-satir: 24px;
  --govde-boy: 15px;
  --govde-satir: 22px;
  --kucuk-boy: 13px;
  --kucuk-satir: 18px;
  --etiket-boy: 11px;
  --etiket-satir: 16px;

  /* ---- Bileşen ölçüleri ---- */
  --ust-cubuk: 60px;
  --alt-menu: 64px;
  --liste-satir: 64px;
  --tablo-satir: 36px;
  --tablo-baslik-satir: 32px;
  --tablo-giris-satir: 44px;
  --form-alan: 44px;
  --dugme: 44px;
  --dugme-bos-durum: 40px;
  --cip: 32px;
  --arama: 40px;
  --dokunma: 44px;
  --avatar: 32px;
  --gorsel-bos-durum: 96px;
  --gorsel-ozet: 40px;
  --pencere-en: 420px;
  --form-en: 720px;
  --yan-panel-en: 292px;

  /* ---- Çizgi kalınlıkları ---- */
  --cizgi-simge: 1.8px;

  /* ---- Hareket ---- */
  --gecis: .25s;
  --basma: .12s;
}

/* Kırılım noktası tek: 900px — gezinme, yerleşim ve yazı ölçüleri orada
   değişir. Ortam sorgusunda değişken kullanılamadığı için sayı doğrudan
   yazılır.

   Tek istisna Fatura Aktarımı'nın önizleme tablosudur: 1200px. Sekiz
   sütunlu bir satır 900px'te sığmıyor — orada yan panel 240px alır ve
   satıra 594px kalır, fatura numarası kesilir, Detay düğmesi taşar.
   Kırılım şablona değil, içeriğin gerçekten sığdığı yere kondu
   (2-tasarim/ekranlar.css · "Fatura Aktarımı"). Başka bir kırılım eklenmez;
   gerekiyorsa sebebi burada ölçüyle birlikte yazılır. */