/* ============================================================================= cinema.css — sinematik katman ortak stilleri (v3.0 addendum çekirdeği) ============================================================================= Yalnızca PAYLAŞILAN parçalar: gündüz/gece değişkeni, cam panel, katman kapıları. Efektlerin kendi stilleri kendi dosyalarında (cinema-*.css). Kapılar (cinema-core.js 'e yazar): .cine-off → hiçbir sinematik hareket yok (reduced-motion) .cine-lite → hafif profil (mobil): partikül yok, ağır blur yok .cine-full → tam deneyim (masaüstü, ince işaretçi) Renkler mevcut tema token'larından türetilir (variables.css / yeni.css); fiziksel değil MANTIKSAL özellikler (RTL: ar + he). ========================================================================== */ :root { /* 0 = gündüz (sayfa tepesi) … 1 = gece (footer). cinema-scroll.js yazar. */ --cine-night: 0; /* Sinematik vurgu paleti — mevcut marka mavisinin üzerine gece tonları. */ --cine-glow: #4f8dff; --cine-glow-soft: rgba(79, 141, 255, .18); --cine-ember: #ffb454; /* kaynak kıvılcımı / far sıcaklığı */ } /* --------------------------------------------------------------------------- Cam panel (glassmorphism) — istatistik ve öne çıkan paneller için ortak yüzey. Koyu temada arkadan ışık sızar; açık temada yumuşak beyaz cam. --------------------------------------------------------------------------- */ .glass-panel { position: relative; border-radius: 18px; border: 1px solid rgba(148, 178, 255, .16); background: linear-gradient(150deg, rgba(148, 178, 255, .09), rgba(10, 14, 34, .32)); -webkit-backdrop-filter: blur(14px) saturate(1.15); backdrop-filter: blur(14px) saturate(1.15); box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 18px 44px rgba(3, 6, 20, .35); } [data-theme="light"] .glass-panel { border-color: rgba(30, 60, 140, .14); background: linear-gradient(150deg, rgba(255, 255, 255, .72), rgba(233, 240, 255, .5)); box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 14px 34px rgba(24, 44, 110, .12); } /* Hafif profilde blur pahalı olabilir → düz yüzeye in. */ .cine-lite .glass-panel { -webkit-backdrop-filter: none; backdrop-filter: none; background: linear-gradient(150deg, rgba(23, 31, 66, .92), rgba(10, 14, 34, .96)); } .cine-lite[data-theme="light"] .glass-panel, [data-theme="light"].cine-lite .glass-panel { background: linear-gradient(150deg, rgba(255, 255, 255, .96), rgba(236, 242, 255, .92)); } /* --------------------------------------------------------------------------- Reduced-motion emniyet ağı: cine-off altında sinematik katmanın TÜM animasyon/geçişleri kapanır. (Modüller zaten JS'te kurulmaz; bu satır yalnızca CSS keyframe'li süslemeler için ikinci kilittir.) --------------------------------------------------------------------------- */ .cine-off [class^="cine-"], .cine-off [class*=" cine-"] { animation: none !important; transition: none !important; }