/* Temel sıfırlama ve akan arka plan */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: var(--metin);
  background: #f7fff4;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overscroll-behavior-y: none;
}

/* Akan yeşil-beyaz gradyan lekeleri. Sabit, içerikle kaymaz. */
body::before,
body::after {
  content: "";
  position: fixed;
  z-index: -2;
  border-radius: 50%;
  filter: blur(70px);
  pointer-events: none;
  will-change: transform;
}

body::before {
  width: 70vmax;
  height: 70vmax;
  top: -26vmax;
  left: -18vmax;
  background: radial-gradient(
    circle at 40% 40%,
    rgba(96, 252, 69, 0.46),
    rgba(96, 252, 69, 0) 68%
  );
  animation: akis-a 26s ease-in-out infinite alternate;
}

body::after {
  width: 62vmax;
  height: 62vmax;
  right: -22vmax;
  bottom: -24vmax;
  background: radial-gradient(
    circle at 55% 55%,
    rgba(150, 255, 128, 0.42),
    rgba(220, 255, 210, 0) 70%
  );
  animation: akis-b 32s ease-in-out infinite alternate;
}

@keyframes akis-a {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(12vmax, 8vmax, 0) scale(1.18); }
}
@keyframes akis-b {
  from { transform: translate3d(0, 0, 0) scale(1.1); }
  to   { transform: translate3d(-14vmax, -9vmax, 0) scale(1); }
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

h1, h2, h3, h4 {
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

:focus-visible {
  outline: 3px solid var(--yesil-orta);
  outline-offset: 2px;
  border-radius: var(--r-s);
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: rgba(14, 58, 16, 0.16);
  border-radius: var(--r-tam);
  border: 3px solid transparent;
  background-clip: content-box;
}

/* Kiosk modunda ekran günlerce açık kalıyor; sürekli dönen bulanık gradyan
   boşuna GPU yakmasın diye duruyor. */
body.kiosk::before,
body.kiosk::after {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}