/* =========================================================
   BASE / RESET
   ========================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg-0);
  color: var(--fg);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

/* Preloader aktifken sayfa kaydırması kilitli */
body.is-loading {
  overflow: hidden;
}

/* Seçim rengi */
::selection {
  background: rgba(139, 92, 246, 0.35);
  color: #fff;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

/* =========================================================
   SITE WRAPPER
   ========================================================= */
.site {
  position: relative;
  min-height: 100vh;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.9s var(--ease-out) 0.1s,
    transform 0.9s var(--ease-out) 0.1s;
}

.site.is-ready {
  opacity: 1;
  transform: translateY(0);
}