/* ===========================
   base.css
   =========================== */

:root{
  --bordo:#702227;
  --bordo-dark:#5e1c22;
  --bordo-card:#4b1720;
  --bordo-footer:#3b1018;
  --text:#f9fafb;
  --muted:#e5e7eb;
  --accent:#facc15;
  --accent-soft:#fde68a;
  --white:#ffffff;
}

/* Reset & Base */
*{box-sizing:border-box;margin:0;padding:0;}
html{
  scroll-behavior:smooth !important;
  scroll-padding-top:70px !important;
}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bordo);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}

.container{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 16px;
}

/* Scroll Margin für alle Anker-Sektionen */
#top,
#features,
#vip-banner,
#prices,
#faq,
#contact{
  scroll-margin-top:70px !important;
}

/* Utility */
.highlight{color:var(--accent);font-weight:600;}
.text-center{text-align:center;}
.mt-1{margin-top:8px;}
.mt-2{margin-top:16px;}
.mb-1{margin-bottom:8px;}
.mb-2{margin-bottom:16px;}

/* Animation */
@keyframes fadeIn{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

/* Scrollbar */
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--bordo);}
::-webkit-scrollbar-thumb{
  background:var(--bordo-card);
  border-radius:4px;
}
::-webkit-scrollbar-thumb:hover{background:var(--muted);}

/* Print */
@media print{
  .site-header,
  .site-footer,
  .hero-actions,
  .contact{display:none;}
}