/* ===================== RESET ===================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
img, video { max-width: 100%; height: auto; display: block; }

/* ===================== THEME ===================== */
:root{
  --navy: #0a1628;
  --navy-mid: #132038;
  --blue: #1a4fae;
  --blue-light: #2d6be4;
  --accent: #e8f0fe;
  --teal: #0da898;
  --green: #14b57a;
  --white: #ffffff;
  --off: #f7f9fc;
  --text: #1a2540;
  --muted: #5e7190;
  --border: #e4eaf4;

  --sans: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --heading: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --container: 1200px;
  --pad: 18px;

  /* header.php kullanıyor diye burada dursun */
  --topbar-h: 46px;
  --header-h: 72px;

  /* ✅ BACKGROUND AYARLARI */
  --bgStrength: 1;          /* 0.6 - 1.4 arası oynat */
  --waveOpacity: 1;         /* 0.7 - 1.2 arası oynat */
  --noiseOpacity: .06;      /* 0 - .10 arası */
}

body{
  font-family: var(--sans);
  color: var(--text);
  background: #ffffff;
  overflow-x: hidden;
}

/* ✅ içerik her zaman arkaplanın üstünde */
header, main, footer, .page-top-spacer, .pagex-wrap{
  position: relative;
  z-index: 1;
}

/* Header fixed ise sayfaya boşluk bırakmak için */
.page-top-spacer{ height: calc(var(--topbar-h) + var(--header-h)); }
body.scrolled .page-top-spacer{ height: var(--header-h); }

/* ===================== COMMON UI ===================== */
.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--pad);
}