/* LYT Eğitim Akademisi — marka değişkenleri

   MARKA İKİ RENK: lacivert #14175E + beyaz. Başka renk yok.
   Kaynak: carousel üretim sistemi (22 Beyaz Editorial, kilitli).

   Derinlik yeni renkten değil, LACİVERTİN KENDİ TONLARINDAN gelir:
     dip (en koyu) → lacivert (marka) → acik / parlak (üst tonlar)
   Vurgu ise beyazın opaklık kademeleriyle yapılır.
   Logodaki pembe korunur ama vurgu rengi olarak KULLANILMAZ. */

:root {
  /* Lacivert ailesi — hepsi #14175E'nin tonu */
  --dip: #07082a;
  --dip-2: #0a0b34;
  --lacivert: #14175e;
  --lacivert-2: #1d2179;
  --acik: #232a8f;
  --parlak: #2e37b8;

  --beyaz: #ffffff;
  --kagit: #f5f6fa;

  /* Eylem ve durum renkleri (Bılal onayı, 2026-08-02)
     Marka kimliği lacivert+beyaz olarak kalır; bunlar yalnızca
     "randevu al" eylemi ile var/yok ayrımında kullanılır. */
  --kirmizi: #e0342e;
  --kirmizi-koyu: #bf211c;
  /* Koyu zeminde metin vurgusu için — #e0342e lacivert üstünde
     kontrastı sınırda kalıyor, vurgu metninde bu ton kullanılır */
  --kirmizi-parlak: #ff6159;
  --yesil: #2fbf71;
  --yesil-koyu: #17914f;

  --font: "Archivo", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-baslik: "Bricolage Grotesque", "Archivo", "Segoe UI", sans-serif;

  --r: 14px;
  --r-kucuk: 10px;
  --en: 1140px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font);
  color: var(--lacivert);
  background: var(--beyaz);
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3 {
  font-family: var(--font-baslik);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.032em;
  margin: 0 0 .4em;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}