/* ============================================================
   AFYON YAZILIM — base.css
   Tema temeli: değişkenler, reset, tipografi, yardımcı sınıflar
   ============================================================ */

:root {
  --bg: #000000;
  --text: #f5f5f7;
  --muted: #8b8b93;
  --line: rgba(255, 255, 255, 0.08);
  --a1: #818cf8;
  --a2: #c084fc;
  --a3: #67e8f9;
}

* { -webkit-tap-highlight-color: transparent; }

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

.font-display { font-family: 'Space Grotesk', 'Inter', sans-serif; }

::selection { background: rgba(129, 140, 248, 0.35); color: #fff; }

/* ---- Özel scrollbar ---- */
::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #26262b; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a42; }

/* ---- Lenis ---- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }

/* ---- Gradient metin ---- */
.text-gradient {
  background: linear-gradient(115deg, #818cf8 0%, #c084fc 42%, #67e8f9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.text-gradient-soft {
  background: linear-gradient(120deg, #e7e7ee 0%, #9a9aa3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---- Cam efekt ---- */
.glass {
  background: rgba(18, 18, 22, 0.55);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
}

/* ---- İnce çizgi ---- */
.hairline { background: var(--line); height: 1px; }

/* ---- Erişilebilirlik: görünür odak halkası ---- */
:focus-visible { outline: 2px solid rgba(129, 140, 248, 0.9); outline-offset: 3px; border-radius: 4px; }

/* ---- Kontrast iyileştirme (WCAG AA) ---- */
.text-\[\#8b8b93\] { color: #9aa0aa; }
.text-\[\#6e6e76\] { color: #8b8b93; }
.text-\[\#5b5b63\] { color: #7a7a85; }

/* ---- Hareket hassasiyeti (prefers-reduced-motion) ---- */
/* Not: Marquee animasyonu artık GSAP (js/ui.js) ile sürülür ve
   her zaman hareketlidir; bu blok yalnızca CSS animasyonlarını
   ve geçişleri yumuşatır, marquee'ye dokunmaz. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}