/* Tasarım kimliği: etesio-net-tr
   Karakter: sade - Az oge, cok bosluk, tek vurgu. Ferah editoryal duzen, kagit zemin.
   Tipografi: editoryal-modern · Boşluk: dortlu · Köşe: yumusak · Derinlik: kagit

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

:root {
  /* Renk */
  --ana: #1f4a35;
  --ana-koyu: #163524;
  --ana-acik: #e6ede8;
  --ikincil: #7a5d3a;
  --vurgu: #20bd80;
  --ana-ustu: #ffffff;
  --vurgu-ustu: #12261c;

  --zemin: #f4f1ea;
  --yuzey: #fffdf8;
  --metin: #1e2023;
  --soluk: #6b6a63;
  --cizgi: #ddd8cc;

  /* Tipografi */
  --yazi-baslik: 'Fraunces', Georgia, 'Times New Roman', serif;
  --yazi-govde: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --yazi-1: 1.0rem;
  --yazi-2: 1.25rem;
  --yazi-3: 1.562rem;
  --yazi-4: 1.953rem;
  --yazi-5: 2.441rem;
  --yazi-6: 3.052rem;

  /* Boşluk */
  --aralik-1: 4px;
  --aralik-2: 8px;
  --aralik-3: 12px;
  --aralik-4: 16px;
  --aralik-5: 24px;
  --aralik-6: 32px;
  --aralik-7: 48px;
  --aralik-8: 64px;
  --aralik-9: 96px;

  /* Köşe */
  --kose-kucuk: 4px;
  --kose-orta: 10px;
  --kose-buyuk: 16px;
  --kose-tam: 999px;

  /* Derinlik */
  --golge-kucuk: 0 1px 1px rgba(30,32,35,.04);
  --golge-orta: 0 2px 4px rgba(30,32,35,.06);
  --golge-buyuk: 0 8px 24px rgba(30,32,35,.08);
  --kenar: 1px solid var(--cizgi);
}

@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #16191a;
    --yuzey: #1f2422;
    --metin: #eceae4;
    --soluk: #a3a69e;
    --cizgi: #333a36;
  }
}

:root[data-tema="koyu"] {
  --zemin: #16191a;
  --yuzey: #1f2422;
  --metin: #eceae4;
  --soluk: #a3a69e;
  --cizgi: #333a36;
}

:root[data-tema="acik"] {
  --zemin: #f4f1ea;
  --yuzey: #fffdf8;
  --metin: #1e2023;
  --soluk: #6b6a63;
  --cizgi: #ddd8cc;
}