/* Gönülden (sesli anı defteri, FAB-30) — tasarım değişkenleri, livanconcept teması
   (hafiza/temalar/livanconcept/TEMA.md; insan kararı KARARLAR.md 2026-10-31).
   Geliştirmede kod/css/degiskenler.css'e olduğu gibi kopyalanır; fontlar tasarim/fontlar/ → kod/css/fontlar/ (aynı göreli yol, K32).
   Dış font, görsel ya da adres yok (K30): @font-face yalnız kendi sunucumuzdaki fontlar/*.woff2 dosyalarını gösterir.

   Tek (açık) tema: TEMA.md "Livan'ın koyu teması yok; ürün de yalnız açık tema kullanabilir (color-scheme: light)".
   Bu yüzden @media (prefers-color-scheme: dark) bloğu bilerek yok; koyu sistem temasında da sayfa açık görünür.

   Livan değişkeni → bizim değişkenimiz:
     --bg #ebdfe6 → --zemin · --surface #f2e7ed → --yuzey · --ink #601e24 → --metin, --vurgu, --odak
     --ink-60 (TEMA.md'de ikincil metin) zemin üstünde opak karşılığı ≈ #986b72 ≈ 3.5:1, eşiğin altında;
       bu yüzden %75 bordo, #834e54 (5.10:1) → --metin-ikincil · --ink-20 (opak) #cfb8bf → --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.48:1
     --metin-ikincil / --yuzey-ikincil ........... 5.19:1   / --kagit ............. 6.14:1
     --dugme-metin #601e24 / --dugme-zemin #d1e3b1  8.97:1  (birincil düğme)
     --vurgu-ustu #ebdfe6 / --vurgu #601e24 ....... 9.50:1  (koyu düğme, kayıt düğmesi)
     --hata #b3261e / --zemin .................... 5.05:1   / --yuzey ............. 5.42:1   / --kagit 6.08: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
     --qr-on #000000 / --qr-arka #ffffff ......... 21:1     (QR modülleri; okunabilirlik için saf siyah-beyaz)
     --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 kutusundaki metin --hata-ust'tur.
   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ı --metin-ikincil ile çizilir (5.10:1). */

/* Fontlar: SIL Open Font License 1.1 (fontsource).
   Italiana yalnız ad yazısında ("Gönülden"; ö ve ü temel Latin setinde var). Italiana ğ, ş, ı, İ içermez;
   bu yüzden isimler ve başlıklar Cormorant Garamond ile yazılır (TEMA.md notu). */
@font-face {
  font-family: "Italiana"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fontlar/italiana-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-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;          /* davetiye kartı ve form alanları */
  --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 tür kartı, üzerine gelme */
  --odak: #601e24;
  --hata: #b3261e;
  --hata-ust: #601e24;
  --hata-zemin: #e8c4c9;
  --basari: #3d5a1e;
  --uyari: #601e24;
  --uyari-zemin: #e6cc8a;
  --altin: #e6cc8a;          /* davetiye çerçevesindeki süs çizgisi (metin değil) */
  --hero-zemin: linear-gradient(160deg, var(--zemin) 0%, var(--yuzey-ikincil) 100%);
  --qr-on: #000000;          /* QR modülleri: tema renginde değil, okutma güvenliği için siyah */
  --qr-arka: #ffffff;

  /* Yazı aileleri: kendi sunucumuzdaki fontlar, sonra sistem yedekleri (K32) */
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --yazi-baslik: "Cormorant Garamond", Georgia, serif;
  --yazi-ad: "Italiana", "Cormorant Garamond", Georgia, serif; /* yalnız ürün adı */
  --yazi-rakam: "Inter", system-ui, sans-serif; /* sayaç ve yüzde: font-variant-numeric: tabular-nums */

  /* Yazı boyutları (16 px taban; alanlar 1rem, iOS yakınlaştırmasın) */
  --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;
  --boyut-isimler: 2.75rem;  /* davetiyedeki isimler */
  --boyut-sayac: 3rem;       /* ses kaydı geri sayımı */
  --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: 36rem;
  --dokunma-alani: 2.75rem;  /* 44 px: düğme ve alanların en küçük yüksekliği */
  --kayit-dugme: 5.5rem;     /* ses kaydı yuvarlak düğmesi (88 px) */
  --odak-kalinlik: 3px;
  --kutu-boyut: 1.375rem;    /* onay kutusu */
  --kart-a6-en: 105mm;       /* masa kartı (A6 dikey) */
  --kart-a6-boy: 148mm;

  /* 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-davetiye: 0 2px 4px rgb(96 30 36 / 0.08), 0 16px 32px rgb(96 30 36 / 0.12);

  /* Hareket (Livan: 120 / 200 / 320 ms); prefers-reduced-motion'da kayıt nabzı durur */
  --hareket-kisa: 120ms;
  --hareket-orta: 200ms;
  --hareket-uzun: 320ms;
  --hareket-egri: cubic-bezier(.2, .7, .2, 1);

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