/* ═══════════════════════════════════════════════════════════════════
   UI-K BELİRTEÇLERİ + YEREL YAZI TİPLERİ (lane web-ui-temel-1008)

   Yeni görünümün ("C" yönü: Sectrai-ilhamlı, tek vurgu parlement mavisi) TEK
   belirteç dosyası. Yalnız `<html data-ui="k">` iken yüklenir
   (App\Support\UiK); yüklenmezse sayfa bugünkü gibidir.

   🔴 KURALLAR (kapı: tests/Unit/UiKKatmaniKapisiTest)
   - `:root` / app.css / design sözleşmesi / mobil jetonlar DEĞİŞMEZ; her kural
     `html[data-ui="k"]` kapsamındadır.
   - Ham renk (#hex, rgb, isimli renk) YALNIZ bu dosyadadır ve YALNIZ aşağıdaki
     satırlardadır (`--k-vurgu`, `--k-vurgu-rgb`, koyu temada `--k-vurgu-ustu`); `design/ui-k-belirtecler.md`
     aynı değerleri gerekçesiyle kayıt altına alır, kapı ikisini karşılaştırır.
     Gerisi `--af-*`'ten color-mix ile türer.
   - VURGU TEK DEĞİŞKENDEN: `--k-vurgu`. Eski sözleşme mavisi (#1F5FBF) ya da başka
     bir tona dönmek için bu satırları (+ md kaydını) değiştirmek yeter.
     (Önceki deneme yeşildi; sahip 2026-10-09'da mavide kalmaya karar verdi. "Tamam/başarı" anlam
     yeşili ayrıdır: `--af-good`, ikon+metinli. Yeşil neon YALNIZ logoda.)
   ═══════════════════════════════════════════════════════════════════ */

/* Yazı tipleri: Inter + JetBrains Mono (SIL OFL 1.1; lisans metinleri aynı dizinde).
   Inter: app.css'in Google `Inter` @import'u ile AYNI aile adı (tek yazı ailesi; yerel dosya sonra yüklendiği için kazanır ve
   Google'a bağımlılığı düşürür). Mono: `Afillo Mono` (panelde daha önce mono yoktu).
   latin + latin-ext (ğüşıöç ĞÜŞİÖÇ, őű ŐŰ, ñãõ, àéèç…) ; font-display: swap. */
@font-face {
  font-family: 'Inter';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/ui-k/inter-latin-ext-variable.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('../fonts/ui-k/inter-latin-variable.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: 'Afillo Mono';
  font-style: normal; font-weight: 100 800; font-display: swap;
  src: url('../fonts/ui-k/jetbrains-mono-latin-ext-variable.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: 'Afillo Mono';
  font-style: normal; font-weight: 100 800; font-display: swap;
  src: url('../fonts/ui-k/jetbrains-mono-latin-variable.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;
}

/* ── VURGU (tek değişken; sahip kararı 2026-10-09: "parlement mavisi (mat)") ──────
   Eski sözleşme vurgusu #1F5FBF'ye dönmek için YALNIZ bu satırlar değişir (+ design/ui-k-belirtecler.md kaydı). */
html[data-ui="k"] {
  --k-vurgu: #2f6bc4;          /* açık tema: beyaz üstünde 5,22:1 */
  --k-vurgu-rgb: 47, 107, 196;
  --k-vurgu-ustu: var(--af-surface);   /* açık temada dolu düğme metni = beyaz yüzey */
}
html[data-ui="k"][data-bs-theme="dark"] {
  --k-vurgu: #6fa0ec;          /* koyu yüzey üstünde okunur (bkz. kontrast tablosu) */
  --k-vurgu-rgb: 111, 160, 236;
  --k-vurgu-ustu: #0b0e14;     /* koyu temada dolu düğme METNİ koyu */
}

/* ── TÜREV BELİRTEÇLER (ham renk YOK) ───────────────────────────── */
html[data-ui="k"] {
  --k-vurgu-yumusak: color-mix(in srgb, var(--k-vurgu) 13%, transparent);
  --k-vurgu-orta: color-mix(in srgb, var(--k-vurgu) 45%, transparent);
  --k-vurgu-basili: color-mix(in srgb, var(--k-vurgu) 82%, var(--af-ink));
  --k-vurgu-metin: color-mix(in srgb, var(--k-vurgu) 82%, var(--af-ink));      /* vurgu-yumuşak zemin üstünde metin (AA) */

  --k-kenar: color-mix(in srgb, var(--af-ink) 13%, transparent);           /* dekoratif ince çizgi (kontrol sınırı DEĞİL) */
  --k-kenar-guclu: color-mix(in srgb, var(--af-ink) 24%, transparent);
  --k-sinir: color-mix(in srgb, var(--af-ink) 52%, var(--af-surface));     /* girdi/düğme sınırı: ≥3:1 (WCAG 1.4.11) */
  --k-secili: color-mix(in srgb, var(--af-ink) 8%, transparent);
  --k-hover: color-mix(in srgb, var(--k-vurgu) 14%, var(--af-surface));      /* HOVER (satır/menü/düğme): opak + vurgu tonlu → aydınlık temada da belirgin; yapışkan hücre şeffaf kalmaz */
  --k-yuzey-2: color-mix(in srgb, var(--af-ink) 4%, var(--af-surface));

  --k-cam: var(--af-surface);                                              /* düz yüzey (cam/backdrop-filter YOK — sahip kararı 2026-10-09) */
  --k-cam-guclu: var(--af-surface);
  --k-parla: inset 0 1px 0 color-mix(in srgb, var(--af-ink) 7%, transparent);

  /* anlam metinleri: saydam zemin üstünde AA (açık temada --af-warn/serious zeminde 3,75/3,97 idi) */
  --k-iyi-metin: color-mix(in srgb, var(--af-good) 85%, var(--af-ink));
  --k-uyari-metin: color-mix(in srgb, var(--af-warn) 62%, var(--af-ink));
  --k-ciddi-metin: color-mix(in srgb, var(--af-serious) 70%, var(--af-ink));
  --k-kritik-metin: color-mix(in srgb, var(--af-crit) 85%, var(--af-ink));

  --k-yaricap: 14px;
  --k-yaricap-kontrol: 12px;
  --k-yaricap-hap: 999px;
  --k-yazi: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --k-mono: 'Afillo Mono', ui-monospace, 'Cascadia Code', Menlo, Consolas, monospace;
  --k-hizli: 200ms cubic-bezier(0.22, 1, 0.36, 1);
  --k-yukselis: 450ms cubic-bezier(0.22, 1, 0.36, 1);

  /* kontrol yüksekliği: Ferah 44, Yoğun 32 (4 px ızgara) */
  --k-kontrol: 44px;
  --k-dugme: 40px;
  --k-menu-genislik: 248px;
  --k-ust-yukseklik: 56px;
}
html[data-ui="k"][data-yogunluk="yogun"] {
  --k-kontrol: 32px;
  --k-dugme: 32px;
  --k-ust-yukseklik: 48px;
}

/* ── ESKİ VURGU DEĞİŞKENLERİNİ TEK VURGUYA BAĞLA ────────────────
   app.css'teki zincir (--accent, --afillo-accent, --bs-primary, --bs-link-color)
   aynı <html> öğesinde çözüldüğü için burada yeniden tanımlamak onları da
   kapsar (özgüllük html[data-ui] > :root). */
html[data-ui="k"] {
  --af-accent: var(--k-vurgu);
  --af-accent-soft: var(--k-vurgu-yumusak);
  --af-accent-koyu: var(--k-vurgu-basili);
  --af-c1: var(--k-vurgu);                 /* grafik serisi 1 = vurgu (eski #1F5FBF kalıntısı kalmasın) */
  --af-radius: var(--k-yaricap);
  --af-line: var(--k-kenar);
  --afillo-accent-rgb: var(--k-vurgu-rgb);
  --afillo-accent-hover: var(--k-vurgu-basili);
  --afillo-accent-active: var(--k-vurgu-basili);
  --bs-primary-rgb: var(--k-vurgu-rgb);
  --bs-link-color-rgb: var(--k-vurgu-rgb);
  --bs-link-hover-color: var(--k-vurgu-basili);
  --bs-focus-ring-color: var(--k-vurgu-orta);
  --bs-border-radius: 10px;
  --bs-border-radius-lg: var(--k-yaricap);
  --bs-body-font-family: var(--k-yazi);
  --bs-font-sans-serif: var(--k-yazi);
}