/* KuraKontrol kimliği: iki mürekkep (mavi tükenmez = kullanıcı, kırmızı kalem = biz) + kâğıt.
   Yazı tipleri sitenin kendi sunucusunda (brand/yazi/, SIL Open Font License, Google Fonts kaynaklı). Yalnız
   Türkçe için gereken harfler var; üretim: test/yardim/yazi-uret.py. Ayrı bir kökene (Google Fonts) bağlanmak
   yavaş ağda ve Safari'de ilk ekranı geciktiriyordu (FUNNEL-V1 bölüm 4). Tarayıcı bir yazı tipini yalnız sayfada
   kullanılınca indirir; Caveat ve Courier Prime ilk ekranda yoksa hiç inmez. */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 600 800; font-display: swap; src: url("yazi/bricolage-grotesque.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 400; font-display: swap; src: url("yazi/atkinson-hyperlegible-400.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 700; font-display: swap; src: url("yazi/atkinson-hyperlegible-700.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 600; font-display: swap; src: url("yazi/caveat-600.woff2") format("woff2"); }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url("yazi/courier-prime-400.woff2") format("woff2"); }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url("yazi/courier-prime-700.woff2") format("woff2"); }
:root {
  --kagit: #f1f3f5;
  --kagit-cizgi: #dde2e8;
  --yuzey: #ffffff;
  --murekkep: #151a2b;
  --soluk: #4a5368;
  --cizgi: #c9d0da;
  --tukenmez: #223c9e;
  --tukenmez-koyu: #172a73;
  --tukenmez-acik: #e4e9f8;
  --kalem: #d93a2b;
  --kalem-metin: #b8291b;
  --kalem-zemin: #fbe8e5;
  --fosforlu: #ffe066;
  --fosforlu-zemin: #fff6cc;
  --onay: #1b7f4b;
  --onay-zemin: #e2f3e9;
  --odak: #223c9e;
  --btn-metin: #ffffff;      /* dolu mavi düğmenin yazısı */
  --fosforlu-metin: #151a2b; /* fosforlu zemin üstündeki yazı, iki temada da koyu */
  --yaricap: 3px;
  --font-baslik: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-govde: "Atkinson Hyperlegible", system-ui, sans-serif;
  --font-not: "Caveat", "Segoe Script", cursive;
  --font-form: "Courier Prime", "Courier New", monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --kagit: #0f1424; --kagit-cizgi: #1b2237; --yuzey: #161d33;
    --murekkep: #e9ecf4; --soluk: #a3acc4; --cizgi: #2c3552;
    --tukenmez: #8ea4ff; --tukenmez-koyu: #b5c3ff; --tukenmez-acik: #1d2750;
    --kalem: #ff6b5b; --kalem-metin: #ff8d80; --kalem-zemin: #3a1c20;
    --fosforlu: #f5d76e; --fosforlu-zemin: #3a3216;
    --onay: #5ed397; --onay-zemin: #123325; --odak: #8ea4ff; --btn-metin: #0f1424;
    color-scheme: dark;
  }
}
:root[data-tema="koyu"] {
  --kagit: #0f1424; --kagit-cizgi: #1b2237; --yuzey: #161d33;
  --murekkep: #e9ecf4; --soluk: #a3acc4; --cizgi: #2c3552;
  --tukenmez: #8ea4ff; --tukenmez-koyu: #b5c3ff; --tukenmez-acik: #1d2750;
  --kalem: #ff6b5b; --kalem-metin: #ff8d80; --kalem-zemin: #3a1c20;
  --fosforlu: #f5d76e; --fosforlu-zemin: #3a3216;
  --onay: #5ed397; --onay-zemin: #123325; --odak: #8ea4ff; --btn-metin: #0f1424;
  color-scheme: dark;
}
body { background: var(--kagit); color: var(--murekkep); font-family: var(--font-govde); }
/* Kâğıt ızgarası: yalnız büyük boş alanlarda (ana sayfa üstü, rapor). Her yerde kullanma. */
.kagit-izgara {
  background-image:
    linear-gradient(var(--kagit-cizgi) 1px, transparent 1px),
    linear-gradient(90deg, var(--kagit-cizgi) 1px, transparent 1px);
  background-size: 28px 28px;
}
/* Fosforlu kalem: yalnız başlıktaki ya da cümledeki tek anahtar sözcük için. */
.fosforlu { color: var(--fosforlu-metin); background: linear-gradient(transparent 52%, var(--fosforlu) 52% 92%, transparent 92%); padding: 0 .12em; }
/* Kırmızı kalem notu: ekran başına en çok bir tane. */
.kalem-notu { font-family: var(--font-not); font-weight: 600; color: var(--kalem-metin); font-size: 1.35em; line-height: 1; transform: rotate(-2deg); display: inline-block; }
/* Dolu zeminlerde yazı rengi her zaman eşleşen jetonla verilir (düğme: --btn-metin, fosforlu: --fosforlu-metin).
   Metin rengini zemine göre elle yazma; koyu temada beyaz yazı sarı zeminde kaybolur. */
.btn { background: var(--tukenmez); color: var(--btn-metin); }
.btn.ikinci { background: transparent; color: var(--tukenmez); box-shadow: inset 0 0 0 1.5px var(--tukenmez); }