/* ============================================================================
   Minimal temel — TASARIM DİLİ DAYATMAZ. Tailwind (CDN) reset + tüm utility'leri
   sağlar; bu dosya yalnız Tailwind'in yapmadıklarını ekler: Lenis akıcı-scroll,
   scroll-reveal başlangıç durumları, reduced-motion, erişilebilir odak halkası.
   Renk/tipografi/düzen YOK — onları AI her müşteriye Tailwind ile özgün kurar.
   ========================================================================== */

:root { --brand: #4f46e5; }   /* AI müşteriye göre değiştirir; nav/aksan buradan okur */

/* Lenis akıcı kaydırma (motion.js açar) */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* Scroll-reveal: içerik VARSAYILAN görünür (JS yoksa kaybolmaz). Gizli başlangıç
   yalnız <head>'deki senkron script `.anim` eklerse uygulanır (flash yok);
   motion.js görünür yapar. Hooks: data-reveal, data-split, data-parallax. */
.anim [data-reveal] { opacity: 0; transform: translateY(20px); }
.anim [data-reveal-x] { opacity: 0; transform: translateX(24px); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-duration: .001ms !important; scroll-behavior: auto !important; }
  [data-reveal], [data-reveal-x] { opacity: 1 !important; transform: none !important; }
}

/* Erişilebilir odak + skip link (kalite tabanı; tasarımdan bağımsız) */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 4px;
}
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 1rem; top: 1rem; z-index: 100; background: #111; color: #fff;
  padding: .6rem 1rem; border-radius: 8px; }

/* Mobil yatay taşma güvencesi (responsive sorunlarına karşı ağ) */
html, body { max-width: 100%; overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }
