/* =====================================================================
   TEMA AYARLARI — renkler, yazı tipleri, köşe yuvarlaklığı
   Buradaki değişkenler tüm sayfalarda kullanılır.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,500..800&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  --renk-ana: #16233b;          /* mürekkep lacivert — başlıklar, koyu alanlar */
  --renk-ana-acik: #24395c;
  --renk-vurgu: #178a5c;        /* onay yeşili — düğmeler, onay işaretleri */
  --renk-vurgu-koyu: #106b46;
  --renk-ikincil: #f5c518;      /* işaretleyici sarısı — küçük vurgular */
  --renk-zemin: #eef1ee;        /* fiş kâğıdı */
  --renk-kart: #ffffff;
  --renk-metin: #1c2531;
  --renk-metin-soluk: #566273;
  --renk-cizgi: #d7ded8;

  --yazi-tipi: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --yazi-baslik: 'Archivo', 'Segoe UI', system-ui, sans-serif;
  --baslik-genislik: 112%;      /* başlık harf genişliği (62%–125%) */
  --kose: 10px;
  --kose-buyuk: 16px;
  --golge: 0 18px 40px -24px rgba(22, 35, 59, .35);
  --icerik-genislik: 1200px;

  --logo-boyut: 42px;           /* üst menüdeki logo boyutu */
}