/* Tasarım kimliği: etesio-com
   Karakter: editoryal - Geniş kenar boşlukları, güçlü tipografi, az görsel
   Tipografi: geometrik-teknik · Boşluk: geniş · Köşe: keskin · Derinlik: katmanlı

   Bu dosya üretilmiştir. Değerleri elle değiştirmek yerine kimliği
   yeniden üretmek, tutarlılığı korur. */

:root {
  /* Renk */
  --ana: #6b4478;
  --ana-koyu: #4c2f57;
  --ana-acik: #f0e9f3;
  --ikincil: #7d6a86;
  --vurgu: #d3af5b;
  --ana-ustu: #ffffff;
  --vurgu-ustu: #171019;

  --zemin: #faf8fb;
  --yuzey: #ffffff;
  --metin: #231a29;
  --soluk: #6a5c72;
  --cizgi: #e7e0ea;

  /* Tipografi */
  --yazi-baslik: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --yazi-govde: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --yazi-1: 1.0rem;
  --yazi-2: 1.2rem;
  --yazi-3: 1.44rem;
  --yazi-4: 1.728rem;
  --yazi-5: 2.074rem;
  --yazi-6: 2.488rem;

  /* Boşluk */
  --aralik-1: 8px;
  --aralik-2: 16px;
  --aralik-3: 32px;
  --aralik-4: 56px;
  --aralik-5: 88px;
  --aralik-6: 128px;
  --aralik-7: 176px;
  --aralik-8: 240px;
  --aralik-9: 320px;

  /* Köşe */
  --kose-kucuk: 0;
  --kose-orta: 0;
  --kose-buyuk: 0;
  --kose-tam: 0;

  /* Derinlik */
  --golge-kucuk: 0 1px 3px rgba(0,0,0,.10);
  --golge-orta: 0 4px 12px rgba(0,0,0,.12);
  --golge-buyuk: 0 12px 32px rgba(0,0,0,.16);
  --kenar: none var(--cizgi);
}

@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #16101b;
    --yuzey: #211829;
    --metin: #f0ecf2;
    --soluk: #a99bb0;
    --cizgi: #362b3e;
  }
}

:root[data-tema="koyu"] {
  --zemin: #16101b;
  --yuzey: #211829;
  --metin: #f0ecf2;
  --soluk: #a99bb0;
  --cizgi: #362b3e;
}

:root[data-tema="acik"] {
  --zemin: #faf8fb;
  --yuzey: #ffffff;
  --metin: #231a29;
  --soluk: #6a5c72;
  --cizgi: #e7e0ea;
}