@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');

:root{
  --bg:#e9eef5;
  --card:#111a24;
  --text:#e9eef5;
  --muted:#b8c2cc;
  --accent:#e84848;
  --header-h:72px;   /* desktop header yüksekliği */
}

/* Reset + tipografi */
*{box-sizing:border-box}
html,body{
  margin:0; padding:0; max-width:100%; overflow-x:hidden;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0f172a; background:#fff;
  scroll-behavior:smooth; /* ANCHOR'LAR İÇİN SMOOTH SCROLL */
}
h1,h2,h3,.logo span{
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:500;
}
.container{margin:0 auto; padding:0 24px}

/* Scroll reveal animation classes */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.reveal-show {
  opacity: 1;
  transform: translateY(0);
}

/* Wrapper küçük fade efekti istersen */
#sections{
  transition: opacity .4s ease, transform .4s ease;
}
#sections.fade-out{
  opacity: .15;
  transform: scale(0.985);
}