/* =========================================================
   REPRO İSTANBUL — Ambient CMYK Scroll Lighting (Phase 11,
   revised: single full-viewport radial glow, guaranteed visible
   on load, C-M-Y only)
   Fully independent: own file, own class (.ambientbg),
   self-contained tokens (does not depend on styles.css).
   Injected at runtime by ambient.js — no markup for it exists
   anywhere else. Purely decorative: fixed + pointer-events:none,
   so it can never intercept clicks or affect any existing
   section's layout. No bracket usage.

   Visibility note: every existing section (Hero, Hizalama
   Kilidi, Hizmet Matrisi, Sektörel Çözümler, Kapanış, Footer)
   paints its own fully opaque background — a plain background
   sitting behind them would be invisible through every one of
   them. mix-blend-mode: screen on THIS element is what makes it
   tint straight through those opaque backgrounds without
   covering, dimming, or altering any of them — zero edits to
   any existing section's CSS, including Hero's. A previous
   version used three small blurred corner blobs sized off
   viewport width; on some screen sizes they simply didn't reach
   far enough into the visible frame to read as visible. A
   single full-viewport (`inset: 0`) radial gradient instead
   always covers the entire screen regardless of its size, so
   the glow is guaranteed visible the instant the page loads.
   It naturally stays under the header/modal/cookie/cursor
   layers since those already opt into explicit, higher z-index
   stacking — this file never sets a z-index at all.
   ========================================================= */

:root {
  --amb-cyan: rgba(0, 229, 255, 0.18);
  --amb-magenta: rgba(255, 0, 127, 0.15);
  --amb-yellow: rgba(255, 200, 0, 0.13);
}

.ambientbg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(circle at 50% 30%, var(--amb-cyan) 0%, transparent 70%);
  transition: background 0.8s ease-out;
  will-change: background;
}

@media (prefers-reduced-motion: reduce) {
  .ambientbg { transition: none; }
}