/* ============================================================
   Tasarim degiskenleri
   Defter estetigi: kagit zemin, murekkep metin, cini mavisi vurgu.
   Renk anlam tasir — borc kirmizi, tahsilat yesil, uyari amber.
   ============================================================ */

:root {
    /* ---- Zemin ve yuzeyler ---- */
    --kagit:        #f6f3ec;  /* ana zemin — beyaz degil, hafif sicak */
    --yuzey:        #fffdf8;  /* kart, tablo, panel */
    --yuzey-2:      #efeade;  /* tablo basligi, ikincil dolgu */
    --yuzey-vurgu:  #e7f0f1;  /* secili satir */

    /* ---- Murekkep (metin) ---- */
    --murekkep:     #1a1815;  /* ana metin, baslik */
    --murekkep-2:   #4d4941;  /* ikincil metin */
    --murekkep-3:   #837d72;  /* soluk, etiket, ipucu */

    /* ---- Cizgiler ---- */
    --cizgi:        #ddd6c7;
    --cizgi-koyu:   #c8bfab;
    --cizgi-ince:   #e8e2d5;

    /* ---- Vurgu: cini mavisi ---- */
    --cini:         #0e6b7c;
    --cini-koyu:    #0a5060;
    --cini-acik:    #dfeef0;
    --cini-metin:   #0a5060;

    /* ---- Anlam renkleri ---- */
    --borc:         #a32b1f;  /* borc, gecikme, negatif */
    --borc-zemin:   #fbe9e6;
    --tahsilat:     #256b4d;  /* tahsilat, odendi, pozitif */
    --tahsilat-zemin:#e3f1ea;
    --uyari:        #9a5b0a;  /* yaklasan vade, dikkat */
    --uyari-zemin:  #fbeedb;

    /* ---- Sol menu seridi ----
       Once koyu (#17150f) idi; govdeyle arasindaki fark 16.5:1'e
       ciktigi icin goz her bakista yeniden uyum sagliyordu ve menuyu
       okumak yoruyordu. Serit kagitla ayni renk ailesine alindi,
       fark 1.16:1'e indi — hala ayri bir bolge ama sicrama yok.

       Serit UZERINDEKI metin kontrastlari (zemin #e9e2d2):
         serit-metin   12.4:1   menu baglantilari
         serit-baslik   5.6:1   grup basliklari
         serit-pasif    4.7:1   "Yakinda" satirlari
       Hepsi WCAG AA esigi 4.5:1'in ustunde.
       DIKKAT: bu renklere opacity BINDIRME — orani dusurur. */
    --serit:        #e9e2d2;
    --serit-2:      #e1d9c5;  /* uzerine gelince */
    --serit-3:      #d9d0b8;  /* secili satir */
    --serit-metin:  #25211a;
    --serit-baslik: #5d5648;
    --serit-soluk:  #5d5648;
    --serit-pasif:  #69624f;
    --serit-cizgi:  #d3cab3;

    /* ---- Koyu kapak ----
       Giris ekraninin sol paneli ve hata dokumu gibi, tam ekran ve
       kisa sureli yerler. Menu gibi saatlerce bakilan bir yuzey
       olmadigi icin koyu kalmasi sorun degil, aksine ayirt edici. */
    --kapak:        #17150f;
    --kapak-metin:  #cfc9ba;
    --kapak-soluk:  #8f8879;
    --kapak-cizgi:  #2e2a20;

    /* ---- Tipografi ----
       4 boyut, 2 agirlik (CLAUDE.md).
       Rakamlar her yerde tabular — para sutunlari alt alta dizilsin. */
    --yazi: ui-sans-serif, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", sans-serif;
    --yazi-rakam: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", "Liberation Mono", monospace;

    --olcek-mikro:  0.6875rem;  /* 11px — etiket, rozet */
    --olcek-kucuk:  0.8125rem;  /* 13px — tablo, yardim metni */
    --olcek-normal: 0.9375rem;  /* 15px — govde */
    --olcek-buyuk:  1.375rem;   /* 22px — sayfa basligi, buyuk rakam */

    --kalin-normal: 400;
    --kalin-koyu:   600;

    /* ---- Olcu ---- */
    --bosluk-1: 4px;
    --bosluk-2: 8px;
    --bosluk-3: 12px;
    --bosluk-4: 16px;
    --bosluk-5: 24px;
    --bosluk-6: 32px;
    --bosluk-7: 48px;

    --yuvarlak:     4px;
    --yuvarlak-2:   7px;

    --serit-genislik: 232px;
    --serit-dar:      64px;
    --ust-yukseklik:  56px;

    /* Dokunma hedefi alt siniri (plan 8.A) */
    --dokunma: 44px;

    /* Telefondaki alt sekme cubugunun yuksekligi.
       Yapiskan seritler bunun USTUNE oturur — yoksa cubugun
       altinda kalir ve kaydet dugmesine basilamaz. */
    --alt-sekme: 53px;

    --golge-1: 0 1px 2px rgba(26, 24, 21, 0.06);
    --golge-2: 0 2px 4px rgba(26, 24, 21, 0.07), 0 8px 20px rgba(26, 24, 21, 0.06);
    --golge-3: 0 12px 32px rgba(26, 24, 21, 0.14);

    --gecis: 140ms cubic-bezier(0.2, 0, 0.2, 1);
}