/* TEMEL — 2. katman: ANLAMSAL tokenlar (açık/koyu tema) + gövde, ortak düğmeler, yardımcı sınıflar.
   Değerler tasarim-tokenlari.css'teki ham değerlere bağlıdır (o dosya bundan ÖNCE yüklenir).
   Anlamsal adlar taslaktan gelir; tüm sayfa stilleri bunları kullanır. */
:root{
  --p:var(--renk-lacivert-900);
  --p2:var(--renk-lacivert-700);
  --acc:var(--renk-kirmizi-600);
  --acc-koyu:var(--renk-kirmizi-700);
  --acc-soft:var(--renk-kirmizi-50);
  --odak-halkasi:0 0 0 .2rem rgba(226,31,38,.18);
  --bg:var(--renk-gri-150);
  --card:var(--renk-beyaz);
  --soft:var(--renk-gri-100);
  --hover:var(--renk-gri-50);
  --line:var(--renk-gri-250);
  --line2:var(--renk-gri-200);
  --inp:var(--renk-gri-300);
  --text:var(--renk-gri-800);
  --text2:var(--renk-gri-700);
  --muted:var(--renk-gri-500);
}
[data-bs-theme="dark"]{
  --p:var(--renk-lacivert-900);
  --p2:var(--renk-lacivert-700);
  --acc-soft:var(--renk-kirmizi-950);
  --bg:var(--renk-lacivert-950);
  --card:var(--renk-lacivert-850);
  --soft:var(--renk-lacivert-800);
  --hover:var(--renk-lacivert-750);
  --line:var(--renk-lacivert-650);
  --line2:var(--renk-lacivert-700);
  --inp:var(--renk-lacivert-600);
  --text:var(--renk-gri-koyu-yazi);
  --text2:var(--renk-gri-koyu-yazi2);
  --muted:var(--renk-gri-550);
  --bs-body-bg:var(--bg);
  --bs-body-color:var(--text);
}
*{font-family:var(--yazi-ailesi)}
body{background:var(--bg);color:var(--text);font-size:14px}
a{text-decoration:none}

/* ORTAK DÜĞMELER */
.btn-acc{background:var(--acc);color:#fff;border:0;font-weight:600}
.btn-acc:hover,.btn-acc:focus-visible{background:var(--acc-koyu);color:#fff}
.btn-graf{background:var(--p);color:#fff;border:0;font-weight:600}
.btn-graf:hover,.btn-graf:focus-visible{background:var(--p2);color:#fff}
.icon-btn{width:30px;height:30px;border-radius:.4rem;border:1px solid var(--line);background:var(--card);color:var(--text2);display:inline-flex;align-items:center;justify-content:center}
.icon-btn:hover{background:var(--acc);border-color:var(--acc);color:#fff}
/* Klavyeyle gezinmede odak her zaman görünür (erişilebilirlik) */
.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* YARDIMCI SINIFLAR */
.mono{font-family:var(--yazi-mono);font-size:12.5px;white-space:nowrap}
.text-acc{color:var(--acc)}

/* SAYFALAMA & ALT BİLGİ */
.page-link{color:var(--text2);border-color:var(--line);font-size:13px}
.page-item.active .page-link{background:var(--p);border-color:var(--p);color:#fff}
footer{color:var(--muted);font-size:12px;padding:1.5rem 0}

/* KARANLIK MOD */
[data-bs-theme="dark"] .page-item.active .page-link{background:var(--acc);border-color:var(--acc)}
[data-bs-theme="dark"] .btn-outline-secondary{--bs-btn-color:var(--renk-gri-koyu-yazi2);--bs-btn-border-color:var(--renk-lacivert-600);--bs-btn-hover-bg:var(--renk-lacivert-650);--bs-btn-hover-border-color:var(--renk-lacivert-600);--bs-btn-hover-color:#fff}

/* Hareket azaltma tercihi: geçişler kısalır (GSAP tarafı kendi denetimini yapar) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}