/* Tasarım kimliği: cihaz-yonetim
   Karakter: yoğun - Bilgi yoğun, sıkı yerleşim, panel hissi
   Tipografi: teknik · Boşluk: beşli · Köşe: karışık · Derinlik: düz

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

:root {
  /* Renk */
  --ana: #7fae29;
  --ana-koyu: #5b7c1d;
  --ana-acik: #f1f4eb;
  --ikincil: #374ab3;
  --vurgu: #da1b67;
  --ana-ustu: #14161a;
  --vurgu-ustu: #ffffff;

  --zemin: #fbfcfb;
  --yuzey: #ffffff;
  --metin: #202419;
  --soluk: #6e7660;
  --cizgi: #e2e4dd;

  /* Tipografi */
  --yazi-baslik: "Segoe UI Semibold", "Roboto", system-ui, sans-serif;
  --yazi-govde: "Consolas", "SF Mono", "Menlo", monospace;
  --yazi-1: 1.0rem;
  --yazi-2: 1.18rem;
  --yazi-3: 1.392rem;
  --yazi-4: 1.643rem;
  --yazi-5: 1.939rem;
  --yazi-6: 2.288rem;

  /* Boşluk */
  --aralik-1: 5px;
  --aralik-2: 10px;
  --aralik-3: 15px;
  --aralik-4: 20px;
  --aralik-5: 30px;
  --aralik-6: 45px;
  --aralik-7: 60px;
  --aralik-8: 90px;
  --aralik-9: 120px;

  /* Köşe */
  --kose-kucuk: 2px;
  --kose-orta: 12px;
  --kose-buyuk: 2px;
  --kose-tam: 999px;

  /* Derinlik */
  --golge-kucuk: none;
  --golge-orta: none;
  --golge-buyuk: none;
  --kenar: 1px solid var(--cizgi);
}

@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #181a14;
    --yuzey: #25281f;
    --metin: #f0f1ef;
    --soluk: #aaafa1;
    --cizgi: #3f4337;
  }
}

:root[data-tema="koyu"] {
  --zemin: #181a14;
  --yuzey: #25281f;
  --metin: #f0f1ef;
  --soluk: #aaafa1;
  --cizgi: #3f4337;
}

:root[data-tema="acik"] {
  --zemin: #fbfcfb;
  --yuzey: #ffffff;
  --metin: #202419;
  --soluk: #6e7660;
  --cizgi: #e2e4dd;
}