/* LYT Eğitim Akademisi — ortak marka değişkenleri
   Üç alt alan adı da bu dosyayı kullanır. Renk/font tek yerden değişir.

   Renkler carousel üretim sisteminden alındı (22 Beyaz Editorial, kilitli):
   lyt-egitim-akademisi/content tracker/carousel-sistemi/styles.css
   Lacivert #14175E + beyaz. Logodaki pembe KORUNUR ama vurgu rengi
   olarak kullanılmaz — carousel üretim kuralı burada da geçerli. */

:root {
  /* Renk */
  --lyt-lacivert: #14175e;
  --lyt-lacivert-koyu: #0d0f42;
  --lyt-lacivert-acik: #2b2f8a;
  --lyt-metin: #14175e;
  --lyt-metin-soluk: #5b5f88;
  --lyt-zemin: #ffffff;
  --lyt-zemin-alt: #f7f6f2;   /* sıcak kağıt tonu — bölüm ayrımı için */
  --lyt-cizgi: #d8d7e4;
  --lyt-cizgi-koyu: #14175e;
  --lyt-vurgu: #14175e;
  --lyt-vurgu-koyu: #0d0f42;

  /* Tipografi */
  --lyt-font: "Archivo", "Segoe UI", system-ui, -apple-system, sans-serif;
  --lyt-font-baslik: "Fraunces", Georgia, "Times New Roman", serif;

  /* Ölçü */
  --lyt-radius: 4px;
  --lyt-max-genislik: 1120px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--lyt-font);
  color: var(--lyt-metin);
  background: var(--lyt-zemin);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3 {
  font-family: var(--lyt-font-baslik);
  color: var(--lyt-lacivert);
  line-height: 1.08;
  margin: 0 0 0.5em;
  font-weight: 600;
}

a { color: var(--lyt-vurgu); }

.lyt-kapsayici {
  max-width: var(--lyt-max-genislik);
  margin: 0 auto;
  padding: 0 20px;
}

.lyt-buton {
  display: inline-block;
  padding: 14px 28px;
  border-radius: var(--lyt-radius);
  background: var(--lyt-vurgu);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}

.lyt-buton:hover { background: var(--lyt-vurgu-koyu); }