/* Tasarım belirteçleri: "Firuze" paleti (açık ve koyu: nötr pastel gri; firuze yalnızca vurgu ve taşta), yazı tipleri, hareket eğrileri. Renkler yalnızca burada tanımlanır.
   Esin: firuze taşı (turkuaz zemin, kahverengi matris damarı) ve gümüş işçiliği. */
:root {
  color-scheme: light;
  /* Açık tema — nötr pastel gri (koyu temayla aynı dil); firuze yalnızca vurgu ve taşta */
  --zemin: #F3F4F4;
  --yuzey: #FCFCFC;
  --yuzey-2: #E7E9E9;
  --murekkep: #1A1C1D;
  --murekkep-2: #586062;
  --cizgi: #DADDDD;
  --cizgi-guclu: #BEC3C4;
  --sinir: #868D8F; /* girdi kenarlığı: ≥3:1 (WCAG 1.4.11) */
  --vurgu: #066B65;
  /* tema önizlemesi (tanışma): temadan bağımsız sabit örnekler */
  --onizleme-acik: #F3F4F4; --onizleme-acik-ust: #FCFCFC; --onizleme-koyu: #17181A; --onizleme-koyu-ust: #292C2E;
  --vurgu-ustu: #F0FFFD;
  --mercan: #E4572E;
  --hata: #B3361A;
  --tamam: #1F8A5B;
  --matris: #4A3322;
  --perde: rgba(0, 0, 0, 0.4);
  --golge: 0 1px 2px rgba(0, 0, 0, 0.06), 0 10px 30px rgba(0, 0, 0, 0.09);
  --tas-ustu: #03201E; /* taş üzerindeki simge rengi */

  --yazi-arayuz: "Kaan Metin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Kaan Baslik", "Kaan Metin", system-ui, sans-serif;
  --yazi-yazi: "Kaan Yazi", "Noto Serif", Georgia, "Times New Roman", serif;

  --ease-cikis: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-yay: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-yumusak: cubic-bezier(0.45, 0, 0.2, 1);
  --sure-hizli: 0.18s;
  --sure: 0.35s;
  --sure-yavas: 0.7s;

  /* Tasarım dili v2 (skill: kaan-tasarim). Yaylar SwiftUI .spring(response, damping) hesabından; M3 eğrileri yaysız geçişler için */
  --yay: linear(0, .035, .119, .227, .343, .456, .56, .652, .731, .796, .849, .892, .924, .949, .968, .981, .99, .997, 1.001, 1.003, 1.004, 1.005, 1.005, 1.005, 1.004, 1.004, 1.003, 1.002, 1);
  --yay-canli: linear(0, .051, .171, .325, .484, .632, .76, .862, .939, .993, 1.027, 1.046, 1.054, 1.053, 1.048, 1.04, 1.032, 1.023, 1.016, 1.01, 1.005, 1.002, .999, .998, .997, .997, .997, .998, 1);
  --yay-hizli: linear(0, .019, .068, .136, .214, .296, .377, .456, .53, .598, .659, .713, .761, .803, .838, .868, .894, .915, .933, .948, .96, .969, .977, .983, .988, .992, .995, .997, 1);
  --sure-yay: 0.64s;
  --sure-yay-hizli: 0.28s;
  --m3-vurgulu: cubic-bezier(0.2, 0, 0, 1);
  --m3-yavaslayan: cubic-bezier(0.05, 0.7, 0.1, 1);
  --m3-hizlanan: cubic-bezier(0.3, 0, 0.8, 0.15);
  --kose-kucuk: 8px;
  --kose: 12px;
  --kose-kart: 16px;
  --kose-kutu: 22px;
  --kose-sayfa: 28px;
  --golge-yuzen: 0 1px 1px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.08);

  --kenar-genislik: 18rem;
  --sutun: 46rem;
}

/* Koyu tema — "gece": firuze gecesi; sistem koyuysa ve elle "açık" seçilmediyse */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    color-scheme: dark;
    --zemin: #17181A;
    --yuzey: #1F2123;
    --yuzey-2: #292C2E;
    --murekkep: #ECEFEF;
    --murekkep-2: #A2A8AB;
    --cizgi: #2D3032;
    --cizgi-guclu: #404447;
    --sinir: #6F767A;
    --vurgu: #4FD0BF;
    --vurgu-ustu: #06201D;
    --mercan: #FF7A55;
    --hata: #FF8F6D;
    --tamam: #5CCB8A;
    --perde: rgba(0, 0, 0, 0.6);
    --golge: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 34px rgba(0, 0, 0, 0.5);
    --golge-yuzen: 0 1px 1px rgba(0, 0, 0, 0.3), 0 10px 28px rgba(0, 0, 0, 0.42);
  }
}

/* Koyu tema — elle seçildiğinde */
:root[data-tema="koyu"] {
  color-scheme: dark;
  --zemin: #17181A;
  --yuzey: #1F2123;
  --yuzey-2: #292C2E;
  --murekkep: #ECEFEF;
  --murekkep-2: #A2A8AB;
  --cizgi: #2D3032;
  --cizgi-guclu: #404447;
  --sinir: #6F767A;
  --vurgu: #4FD0BF;
  --vurgu-ustu: #06201D;
  --mercan: #FF7A55;
  --hata: #FF8F6D;
  --tamam: #5CCB8A;
  --perde: rgba(0, 0, 0, 0.6);
  --golge: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 34px rgba(0, 0, 0, 0.5);
  --golge-yuzen: 0 1px 1px rgba(0, 0, 0, 0.3), 0 10px 28px rgba(0, 0, 0, 0.42);
}