/* /css/base.css
   Ortak reset + arka plan + layout (tüm sayfalar)
   Not: Sayfa geçiş animasyonları /css/global.css içinde.
*/

:root{
  --page-max: 1200px;
  --page-pad: 24px;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html{ scroll-behavior: smooth; }

body{
  min-height: 100vh;
  background: radial-gradient(circle at top, #0b2336, #04080d 70%);
  color: #eef6ff;
  overflow-x: hidden;
}

/* Grid efekt */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0, 200, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 200, 255, 0.05) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}

/* Sayfa içerik kabı */
.container{
  max-width: var(--page-max);
  width: 100%;
  margin: 0 auto;
  padding: var(--page-pad);
}

/* Header/Footer tam genişlikte dursun, içerik ortalansın */
#header .header{
  max-width: var(--page-max);
  margin: 0 auto 48px;
  padding: 18px var(--page-pad);
}

#footer .footer-inner{
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--page-pad);
}

/* Küçük ekranlarda padding biraz kıs */
@media (max-width: 600px){
  :root{ --page-pad: 16px; }
}