/* ==========================================================================
   TEMA PAKETLERİ — yapısal katman

   Renkler <style> ile gömülü değişkenlerden gelir (apps/content/temalar.py).
   Bu dosya rengin taşıyamadığı kişilik farklarını uygular: köşe yuvarlaklığı,
   navbar biçimi, doku, başlık sıkılığı.

   main.css'ten SONRA yüklenir. Öznitelikler <html> üzerindedir:
     data-kose="yuvarlak|yumusak|keskin"
     data-nav="bulanik|cizgili|yuzen"
     data-doku="var|yok"
     data-baslik="siki|normal"
   ========================================================================== */

/* --------------------------------------------------------------- KÖŞELER */
[data-kose="yumusak"] .btn,
[data-kose="yumusak"] .form-tab,
[data-kose="yumusak"] .lang-switch,
[data-kose="yumusak"] .lang-switch span,
[data-kose="yumusak"] .theme-toggle { border-radius: 10px; }

[data-kose="yumusak"] .case,
[data-kose="yumusak"] .aside-card,
[data-kose="yumusak"] .contact-card,
[data-kose="yumusak"] .value,
[data-kose="yumusak"] .feat,
[data-kose="yumusak"] .work__media,
[data-kose="yumusak"] .map-slot,
[data-kose="yumusak"] .field input,
[data-kose="yumusak"] .field select,
[data-kose="yumusak"] .field textarea { border-radius: 12px; }

[data-kose="keskin"] .btn,
[data-kose="keskin"] .form-tab,
[data-kose="keskin"] .lang-switch,
[data-kose="keskin"] .lang-switch span,
[data-kose="keskin"] .theme-toggle { border-radius: 2px; }

[data-kose="keskin"] .case,
[data-kose="keskin"] .aside-card,
[data-kose="keskin"] .contact-card,
[data-kose="keskin"] .value,
[data-kose="keskin"] .feat,
[data-kose="keskin"] .work__media,
[data-kose="keskin"] .map-slot,
[data-kose="keskin"] .field input,
[data-kose="keskin"] .field select,
[data-kose="keskin"] .field textarea { border-radius: 0; }

/* Keskin temada butonlar biraz daha dar ve harfler daha aralıklı —
   editoryal his güçlensin. */
[data-kose="keskin"] .btn {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11.5px;
}

/* --------------------------------------------------------------- NAVBAR */
/* çizgili: cam efekti yok, düz zemin + net alt çizgi */
[data-nav="cizgili"] .nav {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: var(--bg);
  border-bottom: 1px solid var(--line-strong);
}
[data-nav="cizgili"] .nav.is-scrolled {
  background: var(--bg);
  box-shadow: 0 1px 0 var(--line-strong);
}

/* yüzen: kenarlardan boşluklu, yuvarlak, gölgeli ada */
@media (min-width: 861px) {
  [data-nav="yuzen"] .nav {
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(100% - 40px), var(--max-w));
    border-radius: 999px;
    border: 1px solid var(--line);
    box-shadow: 0 6px 30px rgba(0, 0, 0, .07);
    padding-left: 26px;
    padding-right: 18px;
  }
  [data-nav="yuzen"][data-kose="yumusak"] .nav { border-radius: 16px; }
  [data-nav="yuzen"][data-kose="keskin"] .nav { border-radius: 0; }
  [data-nav="yuzen"] .nav.is-scrolled {
    box-shadow: 0 10px 38px rgba(0, 0, 0, .12);
  }
}

/* ----------------------------------------------------------------- DOKU */
[data-doku="yok"] .grain { display: none; }
[data-doku="yok"] .intro .grain { display: none; }

/* --------------------------------------------------------------- BAŞLIK */
/* "normal": harf aralığı sıkı değil, biraz daha havadar ve yumuşak */
[data-baslik="normal"] .display,
[data-baslik="normal"] .hero__title {
  letter-spacing: -.01em;
  font-weight: 700;
}
[data-baslik="normal"] .manifesto { letter-spacing: -.005em; }

/* ------------------------------------------------ hareket tercihi saygısı */
@media (prefers-reduced-motion: reduce) {
  [data-nav="yuzen"] .nav { transition: none; }
}
