/* ═══════════════════════════════════════════
   KENTDEKS — "KUM" RENK TEMASI (2026-10-15, deneme — vazgeçilebilir)
   Kullanıcının verdiği shadcn paletinin (:root / .dark) Kentdeks
   token'larına eşlenmesi. Sitenin geri kalanı DEĞİŞMEDİ: tema yalnız bu
   dosyadır ve her sayfada EN SON yüklenir (vars.css → sayfa CSS'i →
   theme-dock.css → kd-cinematic.css → tema-kum.css), aynı özgüllükteki
   kuralları ezer.

   Koyu mod ayrı dosyada: css/tema-kum-koyu.css (yalnız koyu mod destekli,
   theme-dock.css yükleyen sayfalara bağlı).

   GERİ ALMA: sayfalardaki <link … tema-kum.css> / <link … tema-kum-koyu.css>
   satırlarını ve bu iki dosyayı silmek yeterli (ya da bu PR'ı
   birleştirmemek). Başka hiçbir dosya bu temaya bağımlı değil.

   Palet → token eşlemesi (shadcn adı → Kentdeks token'ı):
     background #E9E4D8 → --bg, --n50      foreground #1E1E1E → --text-heading
     card       #F4EFE4 → --surface, --white  primary #2E2E2E → --btn-ink, --navy-800
     secondary  #D8D2C4 → --bg-2            muted #CFC8B8 → --n300
     muted-fg   #5E5A52 → --n500/--n600     border/input #D2CBBB → --n200
     chart-1    #F26A4B → vurgu (--blue-400, dekor)
   Mercan #F26A4B açık zeminde METİN için yetersiz (2.4:1); metin vurgusu
   için ondan türetilen kiremit #9A3B24 kullanılır (zemin 5.5:1, ikincil
   zemin 4.6:1). Koyu modda mercan doğrudan metin olur (#141414'te 6.1:1).
   Yazı tipleri: Inter (gövde + başlık), Playfair Display (serif),
   JetBrains Mono (mono). Köşe 0.5rem = mevcut --r8; değişmedi.
   2026-10-16: yazı tipleri artık her sayfanın <head>'indeki TEK Google Fonts <link>'iyle (Inter +
   Playfair Display) paralel yüklenir; buradaki ve vars.css'teki @import zinciri kaldırıldı (görüntülemeyi
   geciktiriyordu; Cormorant/Geist hiç kullanılmıyordu). JetBrains Mono yüklenmez → ui-monospace.
═══════════════════════════════════════════ */

:root {
  /* koyu nötrler (eski lacivert ölçeği) — hem metin hem koyu zemin */
  --navy-950: #141414;
  --navy-900: #1E1E1E;
  --navy-800: #2E2E2E;
  --navy-700: #2E2E2E;
  --navy-600: #3A3A3A;
  --navy-500: #5E5A52;
  --navy-400: #8E8A83;

  /* vurgu (eski mavi ölçeği) — chart-1 mercanından */
  --blue-700: #7F3020;
  --blue-600: #9A3B24;
  --blue-500: #9A3B24;
  --blue-400: #F26A4B;
  --blue-300: #F4937A;
  --blue-200: #EBC2B3;
  --blue-100: #EAD8CC;
  --blue-50:  #EEE3D6;
  --teal-600: #9A3B24;
  --teal-500: #C2502F;
  --teal-400: #F26A4B;
  --teal-100: #EAD8CC;
  --teal-50:  #EEE3D6;

  /* nötr ölçek — kum */
  --n950: #1E1E1E;
  --n900: #2E2E2E;
  --n800: #3D3A35;
  --n700: #4D4943;
  --n600: #5E5A52;
  --n500: #5E5A52;
  --n400: #8E8A83;
  --n300: #CFC8B8;
  --n200: #D2CBBB;
  --n150: #DAD4C6;
  --n100: #DFD9CC;
  --n75:  #E4DFD3;
  --n50:  #E9E4D8;
  --white: #F4EFE4;

  --surface:      #F4EFE4;
  --text-heading: #1E1E1E;
  --text-strong:  #2E2E2E;

  --bg:   #E9E4D8;
  --bg-2: #D8D2C4;
  --bg-3: #DDD7CA;
  --bg-dark: #2E2E2E;

  --glass-bg:     rgba(244, 239, 228, .72);
  --glass-border: rgba(244, 239, 228, .40);

  --success: #2E2E2E;
  --success-bg: #EEE3D6;

  --font-serif:   'Playfair Display', Georgia, serif;
  --font-display: 'Inter', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* palet gölgesi: 0 4px 10px, %10 */
  --s1: 0 1px 2px rgba(0, 0, 0, .05);
  --s2: 0 4px 10px rgba(0, 0, 0, .10);
  --s3: 0 12px 30px rgba(0, 0, 0, .12);
  --s4: 0 24px 60px rgba(0, 0, 0, .16);
  --s-blue: 0 4px 10px rgba(0, 0, 0, .10);
  --s-teal: 0 4px 10px rgba(0, 0, 0, .10);
  --s-navy: 0 4px 10px rgba(0, 0, 0, .18);

  --btn-ink:          #2E2E2E;
  --btn-ink-hover:    #1E1E1E;
  --btn-accent:       #3A3A3A;
  --btn-accent-hover: #2E2E2E;
}

/* ── Açık mod: token dışında sabit yazılmış renkler ── */
/* vars.css/home.css'te serif ailesi token yerine adla yazılmış */
.section-h,
.hero-h1 { font-family: var(--font-serif); }
code, kbd, pre, samp { font-family: var(--font-mono); }

.navbar          { background: rgba(30, 30, 30, .92); }
.navbar.scrolled { background: rgba(30, 30, 30, .97); }
#kd-loader,
#kd-loader::after { background: var(--bg); }
.lt-shade {
  background:
    linear-gradient(90deg, rgba(20, 20, 20, .62) 0%, rgba(20, 20, 20, .30) 45%, rgba(20, 20, 20, .10) 75%, rgba(20, 20, 20, .05) 100%),
    linear-gradient(180deg, rgba(20, 20, 20, .70) 0%, rgba(20, 20, 20, .34) 38%, rgba(20, 20, 20, .44) 68%, rgba(20, 20, 20, .78) 100%);
}
.kdc-manifesto {
  background:
    radial-gradient(60% 50% at 22% 30%, rgba(242, 106, 75, .09) 0%, transparent 60%),
    radial-gradient(60% 50% at 78% 70%, rgba(216, 210, 196, .55) 0%, transparent 60%),
    var(--bg);
}
.hiw-sec::before { background-image: radial-gradient(rgba(94, 90, 82, .16) 1px, transparent 1.5px); }
/* iç sayfa başlık alanı (inner.css, sabit lacivert #101B33 + mavi ışımalar) → kömür + mercan ışıma */
.page-hero {
  background:
    radial-gradient(70% 60% at 18% 20%, rgba(242, 106, 75, .16) 0%, transparent 60%),
    radial-gradient(70% 60% at 85% 90%, rgba(209, 207, 192, .10) 0%, transparent 55%),
    linear-gradient(160deg, #1E1E1E 0%, #242424 60%, #2E2E2E 100%);
}
.page-hero-h { color: #F4EFE4; }
.modal-bg,
.mobile-nav-overlay { background: rgba(20, 20, 20, .6); }

/* ── Site denetimi kontrast düzeltmeleri (2026-10-16) ──
   --n400 (yardımcı metin: tarih, etiket, açıklama) kum zeminde 2.7–3.0:1 idi → ≥4.8:1.
   Bölüm numaraları mercan (#F26A4B) 2.0–2.4:1 idi → kiremit. Amber değer metni 1.7:1 idi. */
:root { --n400: #66615A; --amber-text: #8A5300; }
.kdc-no { color: var(--blue-600); }
.ct-social-btn span { color: var(--text-strong); }   /* marka rengi yalnız ikonda kalır */

/* ── 2026-10-16 tam denetim: kontrast düzeltmeleri ── */
/* WhatsApp yüzen düğmesi: #25D366 üzerinde beyaz yazı 1,98:1 → koyu WhatsApp yeşili 5,0:1.
   Sayfaların satır içi <style>'ındaki tanımı geçmek için özgüllük artırıldı. */
html body .wa-float { background: #13803F; box-shadow: 0 4px 20px rgba(19,128,63,.4); }
html body .wa-float:hover { background: #0F6B34; }
/* Bölge Verileri yaka sekmesi sayacı (seçili sekmede 4,49:1) */
.kd-mah-tab.on span { color: #FFD3C5; }
/* Projeler üst çubuğu: mix-blend-mode:difference açık gökyüzü/zemin üstünde ~1,15:1 okunuyordu →
   yarı saydam koyu hap zemin. */
.pj-topbar span, .pj-topbar button {
  mix-blend-mode: normal; color: #fff; background: rgba(20,20,20,.55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  padding: 6px 12px; border-radius: 9999px;
}
.pj-topbar button:hover { color: #fff; background: rgba(20,20,20,.75); }