/* === Global font setup === */
body {
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  font-weight: 400;
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  letter-spacing: 0.3px;
}

.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.5px;
}

.btn {
  font-weight: 500;
  letter-spacing: 0.2px;
}

.nav-link { color: #555 !important; }
.nav-link:hover { color: #000 !important; }

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in { opacity: 0; animation: fadeInUp 1.4s ease forwards; }

.section-gradient-home {
  background: linear-gradient(120deg, #accbff, #ff8bec, #d6e5fd);
  background-size: 200% 200%;
  animation: gradientMove 25s ease infinite;
}
.section-gradient-about {
  background: linear-gradient(120deg, #999999, #e9ecf1, #f7f7f9);
  background-size: 200% 200%;
  animation: gradientMove 30s ease infinite;
}
.section-gradient-services {
  background: linear-gradient(120deg, #eaf9ff, #dff2ff, #eaf9ff);
  background-size: 200% 200%;
  animation: gradientMove 28s ease infinite;
}
.section-gradient-simulators {
  background: linear-gradient(120deg, #edf4ff, #dfe8f6, #edf4ff);
  background-size: 200% 200%;
  animation: gradientMove 35s ease infinite;
}
.section-gradient-contact {
  background: linear-gradient(120deg, #f9fafc, #eef1f5, #f9fafc);
  background-size: 200% 200%;
  animation: gradientMove 32s ease infinite;
}
/* --- Navbar scroll behavior --- */
.transition-navbar {
  transition: all 2s ease;
}

.transition-brand {
  transition: all 2s ease;
}

.navbar.navbar-hidden {
  transform: translateY(-100%);
  opacity: 0;
}

.navbar.navbar-centered .navbar-brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Gdy navbar zwinięty, ukryj elementy menu */
.navbar.navbar-centered .navbar-collapse {
  opacity: 0;
  pointer-events: none;
}
.footer-custom {
  background: linear-gradient(to bottom right, #fafafa, #f2f2f2);
  font-size: 0.95rem;
}

.footer-custom h5 {
  color: #000;
  letter-spacing: 0.3px;
}

.footer-custom i {
  color: #0a84ff;
}

.footer-custom a:hover {
  color: #000;
  text-decoration: underline;
}