/* ===========================================================================
   theme.css — SADECE tasarim degiskenleri.
   Tema burada degisir; baska hicbir dosyada renk/olcu sabiti yazilmaz.

   Kaynak: CLAUDE.md 3.2.1 (kesin tasarim tokenlari)
   Palet : adacayi yesili (ana) + seftali (sicak vurgu) + krem/notr (destek)
   Hava  : editorial / dergi
   Yasak : degrade, neon/glow, saf beyaz zemin
   =========================================================================== */

:root {

  /* --- ANA TON: adacayi yesili --- */
  --renk-ana:            #6B7F5E;   /* marka rengi, birincil buton */
  --renk-ana-koyu:       #4A5B40;   /* baslik vurgusu, hover */
  --renk-ana-orta:       #7C9070;   /* ikincil yesil yuzey */
  --renk-ana-acik:       #DDE5D7;   /* yumusak yesil zemin */
  --renk-ana-sis:        #EEF2EA;   /* en acik yesil dokunus */

  /* --- SICAK VURGU: seftali (CTA highlight, olculu kullanilir) --- */
  --renk-seftali:        #E8B79A;
  --renk-seftali-koyu:   #D19B7B;   /* seftali uzerinde hover */
  --renk-seftali-acik:   #F5DCCB;   /* seftali bolum zemini */
  --renk-seftali-sis:    #FBEDE3;

  /* --- TOPRAK: destek tonu (bolum ayirici, doku) --- */
  --renk-toprak:         #C9BCA8;
  --renk-toprak-acik:    #E8E0D3;

  /* --- ZEMIN: krem / kirik beyaz. SAF BEYAZ KULLANILMAZ --- */
  --renk-zemin:          #FAF8F4;   /* sayfa arka plani */
  --renk-yuzey:          #FFFDF9;   /* kart (kremden bir ton acik) */
  --renk-yuzey-2:        #F3EFE7;   /* ikincil yuzey, tablo basligi */

  /* --- METIN: notr gri --- */
  --renk-metin:          #3A3A38;   /* govde */
  --renk-metin-2:        #6B6B68;   /* ikincil, aciklama, eyebrow */
  --renk-metin-3:        #9B9B96;   /* pasif, placeholder */
  --renk-metin-ters:     #FAF8F4;   /* koyu zemin uzerinde metin */

  /* --- MÜREKKEP: not kagidi uzerine yazilmis metin (nostaljik his) --- */
  --renk-mürekkep:       #3F4A38;   /* kagida sinmis koyu yesil-siyah */
  --renk-mürekkep-acik:  #77735E;   /* solmus numara/etiket */

  /* --- CIZGI --- */
  --renk-cizgi:          #E2DCD0;
  --renk-cizgi-koyu:     #CBC3B4;
  --renk-cizgi-kontur:   #3A3A38;   /* editorial ince kontur (kart cercevesi) */

  /* --- DURUM (admin paneli: odendi / bekliyor / iptal) --- */
  --renk-basari:         #4A7A57;
  --renk-basari-acik:    #E4EFE6;
  --renk-uyari:          #B5822F;
  --renk-uyari-acik:     #FAF1DF;
  --renk-hata:           #B04A3F;
  --renk-hata-acik:      #FAEAE7;
  --renk-bilgi:          #55707F;
  --renk-bilgi-acik:     #EAF0F3;

  /* =========================================================================
     TIPOGRAFI — iki font (CLAUDE.md 3.2.1)
     Baslik : Cormorant Garamond (ince, yuksek kontrastli serif)
     Govde  : Plus Jakarta Sans
     Eyebrow: Plus Jakarta Sans, buyuk harf, genis harf araligi (3. font YOK)
     ========================================================================= */
  --font-baslik:         'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
  --font-govde:          'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Govde olcegi */
  --yazi-xs:             0.8125rem;   /* 13px — dipnot, tibbi uyari */
  --yazi-sm:             0.9375rem;   /* 15px */
  --yazi-md:             1.0625rem;   /* 17px — govde (editorial: biraz iri) */
  --yazi-lg:             1.1875rem;   /* 19px — giris paragrafi */

  /* Baslik olcegi — hepsi clamp ile responsive */
  --yazi-h1:             clamp(2.5rem, 1.6rem + 4.2vw, 4rem);
  --yazi-h2:             clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --yazi-h3:             clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --yazi-h4:             clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --yazi-dev:            clamp(3rem, 1.8rem + 5.5vw, 5.5rem);  /* marquee, sayi */

  /* Eyebrow (ust-baslik) */
  --yazi-eyebrow:        0.75rem;
  --aralik-eyebrow:      0.18em;
  --aralik-buton:        0.08em;

  /* Satir yuksekligi */
  --satir-govde:         1.7;    /* editorial: ferah */
  --satir-baslik:        1.12;   /* ince serif sikisik durur */
  --satir-eyebrow:       1.4;

  /* Agirlik */
  --kalinlik-ince:       300;   /* buyuk serif baslik */
  --kalinlik-normal:     400;
  --kalinlik-orta:       500;
  --kalinlik-yari:       600;
  --kalinlik-kalin:      700;

  /* =========================================================================
     BOSLUK — editorial comert olcek
     ========================================================================= */
  --bosluk-1:            0.25rem;
  --bosluk-2:            0.5rem;
  --bosluk-3:            0.75rem;
  --bosluk-4:            1rem;
  --bosluk-5:            1.5rem;
  --bosluk-6:            2rem;
  --bosluk-7:            3rem;
  --bosluk-8:            4rem;
  --bosluk-9:            6rem;

  /* Bolum dikey bosluk: 80–120px arasi, ekrana gore */
  --bolum-dikey:         clamp(5rem, 3rem + 6vw, 7.5rem);
  --bolum-dikey-dar:     clamp(3rem, 2rem + 4vw, 5rem);

  /* =========================================================================
     YUZEY / EFEKT
     ========================================================================= */
  --kose-sm:             6px;
  --kose-md:             10px;    /* varsayilan */
  --kose-lg:             16px;
  --kose-kart:           20px;    /* editorial "squircle" kart */
  --kose-tam:            999px;   /* buton pill, rozet */

  /* Golge: cok hafif, TEK katman. Glow YOK. */
  --golge-sm:            0 1px 2px rgba(58, 58, 56, 0.05);
  --golge-md:            0 2px 10px rgba(58, 58, 56, 0.06);
  --golge-lg:            0 8px 30px rgba(58, 58, 56, 0.08);

  --kenarlik:            1px solid var(--renk-cizgi);
  --kenarlik-kontur:     1px solid var(--renk-cizgi-kontur);

  --gecis-hizli:         140ms ease;
  --gecis:               220ms ease;

  /* =========================================================================
     YERLESIM
     ========================================================================= */
  --icerik-genislik:     1180px;   /* editorial kapsayici (1100-1200 araligi) */
  --icerik-genis:        1400px;   /* not kagidi kartlari gibi genis bolumler */
  --icerik-dar:          860px;    /* ortalanmis metin bolumu */
  --metin-genislik:      68ch;     /* blog okuma genisligi */
  --sidebar-genislik:    248px;    /* admin sol menu */
  --ustbar-yukseklik:    96px;   /* logonun nefes alabilmesi icin */

  --z-sabit:             100;
  --z-menu:              200;
  --z-modal:             300;
}

/* Isletim sisteminde "animasyonlari azalt" secili ise: gecisler ve
   marquee kayan yazi durur (erisilebilirlik). */
@media (prefers-reduced-motion: reduce) {
  :root {
    --gecis-hizli: 0ms;
    --gecis: 0ms;
  }
}