/* Kıpır (video flipbook) — tasarım değişkenleri, livanconcept teması (hafiza/temalar/livanconcept/TEMA.md, insan kararı 2026-10-30).
   Geliştirmede kod/css/degiskenler.css'e olduğu gibi kopyalanır; fontlar tasarim/fontlar/ → kod/css/fontlar/ (aynı göreli yol).
   Dış font, görsel ya da adres yok (K27, K50): @font-face yalnız kendi sunucumuzdaki fontlar/*.woff2 dosyalarını gösterir.
   Livan'ın koyu teması yok; ürün yalnız açık tema kullanır (spec "İnsan geri bildirimi" 1, K49).

   Livan değişkeni → bizim değişkenimiz:
     --bg #ebdfe6 → --zemin · --surface #f2e7ed → --yuzey · --ink #601e24 → --metin, --vurgu, --odak
     --ink-75 (opak karşılığı) → --metin-ikincil: TEMA.md ikincil metin ve üst başlık için --ink-60 der, ama --ink-60'ın zemin üstündeki
       opak karşılığı ≈ #986b72 ≈ 3.5:1, 4.5 eşiğinin altında; bu yüzden %75 bordo, #834e54 (5.10:1) seçildi · --ink-20 (opak) → --cizgi
     --cta/--accent-sage #d1e3b1 → --dugme-zemin · --accent-blush #e8c4c9 → --secili, --hata-zemin
     --accent-gold #e6cc8a → --uyari-zemin · --accent-cream #f0e3c8 → --yuzey-ikincil · --destructive #b3261e → --hata

   Kontrast oranları (WCAG 2 bağıl parlaklık formülüyle hesaplandı, en az 4.5:1):
     --metin #601e24 / --zemin #ebdfe6 ........... 9.50:1   / --yuzey #f2e7ed ..... 10.20:1
     --metin / --yuzey-ikincil #f0e3c8 ........... 9.67:1   / --kagit #fbf6f0 ..... 11.44:1
     --metin-ikincil #834e54 / --zemin ........... 5.10:1   / --yuzey ............. 5.34:1
     --metin-ikincil / --yuzey-ikincil ........... 5.19:1   / --kagit ............. 6.14:1
     --dugme-metin #601e24 / --dugme-zemin #d1e3b1  8.97:1  (birincil düğme)
     --zemin #ebdfe6 / --metin (koyu düğme) ...... 9.50:1
     --vurgu #601e24 (bağlantı, ikincil düğme) / --zemin 9.50:1 / --yuzey 10.20:1
     --hata #b3261e / --zemin .................... 5.05:1   / --yuzey ............. 5.42:1
     --hata-ust #601e24 / --hata-zemin #e8c4c9 ... 7.71:1
     --uyari #601e24 / --uyari-zemin #e6cc8a ..... 7.82:1
     --basari #3d5a1e / --zemin .................. 6.06:1   / --yuzey ............. 6.50:1
     --metin / --secili #e8c4c9 .................. 7.71:1
     --metin-ikincil, --uyari-zemin ve --secili üstünde kullanılmaz (4.20:1 ve 4.14:1; eşiğin altında).
     --hata #b3261e, --hata-zemin üstünde kullanılmaz (≈4.1:1); hata kutusunun içindeki metin --hata-ust'tur.
   Kapak renkleri, üstünde --kapak-yazi #f2e7ed:
     --kapak-gece #273049 10.86:1 · --kapak-nar #601e24 10.20:1 ·
     --kapak-zeytin #4b5730 6.44:1 · --kapak-deniz #24595b 6.56:1
   Odak halkası (--odak) metin değildir; zemine karşı en az 3:1 (9.50:1).
   --cizgi #cfb8bf metin değildir (süs çizgisi, 1.44:1); alan kenarları ayrıca --metin-ikincil ile çizilir (5.10:1). */

/* Fontlar: SIL Open Font License 1.1 (fontsource). Italiana kullanılmaz: ğ, ş, ı, İ içermez ve "Kıpır" adı bile yedeğe düşer. */
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fontlar/cormorant-garamond-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fontlar/cormorant-garamond-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fontlar/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fontlar/cormorant-garamond-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fontlar/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fontlar/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light;

  /* Renkler (tek tema) */
  --zemin: #ebdfe6;
  --yuzey: #f2e7ed;
  --yuzey-ikincil: #f0e3c8;
  --kagit: #fbf6f0;          /* kitapçık sayfası ve sayfa kenarı (basılı kâğıt) */
  --metin: #601e24;
  --metin-ikincil: #834e54;
  --cizgi: #cfb8bf;
  --vurgu: #601e24;
  --vurgu-ustu: #ebdfe6;     /* koyu düğme (zemin --vurgu) üstündeki metin */
  --dugme-zemin: #d1e3b1;    /* birincil düğme: adaçayı zemin, bordo metin */
  --dugme-metin: #601e24;
  --secili: #e8c4c9;         /* seçili renk kartı ve üzerine gelme */
  --odak: #601e24;
  --hata: #b3261e;
  --hata-ust: #601e24;
  --hata-zemin: #e8c4c9;
  --basari: #3d5a1e;
  --uyari: #601e24;
  --uyari-zemin: #e6cc8a;
  --hero-zemin: linear-gradient(160deg, #ebdfe6 0%, #f0e3c8 100%);

  /* Kapak renkleri: KAPAK_RENKLERI = ["kapak-gece", "kapak-nar", "kapak-zeytin", "kapak-deniz"] (K20; ilki varsayılan) */
  --kapak-gece: #273049;
  --kapak-nar: #601e24;
  --kapak-zeytin: #4b5730;
  --kapak-deniz: #24595b;
  --kapak-yazi: #f2e7ed;

  /* Yazı aileleri: kendi sunucumuzdaki fontlar, sonra sistem yedekleri (K27 değişikliği, K50) */
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --yazi-baslik: "Cormorant Garamond", Georgia, serif;
  --yazi-rakam: "Inter", system-ui, sans-serif; /* rakamlar font-variant-numeric: tabular-nums ile hizalı */

  /* Yazı boyutları (16 px taban; mobilde tarayıcı yakınlaştırmasın diye alanlar 1rem) */
  --boyut-ust-baslik: 0.75rem;
  --boyut-kucuk: 0.875rem;
  --boyut-govde: 1rem;
  --boyut-buyuk: 1.125rem;
  --boyut-baslik-3: 1.5rem;
  --boyut-baslik-2: 1.875rem;
  --boyut-baslik-1: 2.5rem;
  --satir-yuksekligi: 1.55;
  --satir-yuksekligi-baslik: 1.1;
  --ust-baslik-aralik: 0.15em;

  /* Boşluklar (4 px tabanlı) */
  --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;

  /* Ölçüler */
  --icerik-genislik: 40rem;
  --dokunma-alani: 2.75rem; /* 44 px: düğme ve kutuların en küçük yüksekliği */
  --odak-kalinlik: 3px;
  --kutu-boyut: 1.375rem;   /* onay kutusu ve radyo düğmesi */

  /* Köşe yarıçapı (Livan: 4, 6, 10, 16, 24, 999) */
  --kose-kucuk: 0.25rem;
  --kose-orta: 0.375rem;
  --kose: 0.625rem;
  --kose-buyuk: 1rem;
  --kose-hero: 1.5rem;
  --kose-hap: 999px;

  /* Gölge: çok yumuşak, bordo tonlu */
  --golge: 0 1px 2px rgb(96 30 36 / 0.06), 0 6px 18px rgb(96 30 36 / 0.07);
  --golge-kitap: 0 2px 4px rgb(96 30 36 / 0.12), 0 14px 28px rgb(96 30 36 / 0.18);

  /* Hareket (Livan: 120 / 200 / 320 ms) */
  --hareket-kisa: 120ms;
  --hareket-orta: 200ms;
  --hareket-uzun: 320ms;
  --hareket-egri: cubic-bezier(.2, .7, .2, 1);

  /* Kitapçık (V3 önizleme, V4 kapak; K51–K54) */
  --kitap-genislik: 20rem;    /* en büyük genişlik; dar ekranda min(100%, …) */
  --kitap-oran: 4 / 3;        /* sayfanın en/boy oranı (kare tuvali 480 × 360) */
  --kitap-sirt: 0.875rem;     /* cilt şeridi (kapak renginde, sol kenar) */
  --kitap-sayfa-payi: 12%;    /* her sayfanın solundaki görselsiz kâğıt şeridi (basılı ürünün cilt payı) */
  --kitap-kenar: 0.375rem;    /* sağ ve alt sayfa kalınlığı */
  --kitap-egim: -2deg;        /* elde tutuluyormuş gibi hafif eğim; hareket azaltılmışta da kalır (hareket değil) */
  --kitap-perspektif: 1600px; /* 900px'te p ≳ 0,6'da sayfa sahneden taştı ve kırpıldı; 1600px'te izleyiciye daha az yaklaşır */
  --kitap-cevirme-aci: -100deg; /* çevrilen sayfanın p = 1'deki açısı (cilt ekseni etrafında) */
  --kitap-kivrim: 28%;        /* sağ alt köşe kıvrımının en büyük boyu (sayfa genişliğine oranla) */
  --golge-cilt: rgb(40 10 14 / 0.3); /* SVG çizimlerinde cilt kenarı (dekoratif, metin değil) */
  --golge-cilt-degrade: linear-gradient(90deg, rgb(40 10 14 / 0.35), rgb(40 10 14 / 0) 70%); /* cildin sayfaya düşen gölgesi */
  --golge-alt-sayfa: rgb(40 10 14 / 0.35); /* alttaki sayfaya düşen gölgenin en koyu hali (p = 0) */

  /* Pasif öğe saydamlığı (pasif öğe WCAG kontrast şartı dışındadır; metin yine okunur) */
  --pasif-saydamlik: 0.55;
}