/* Główny plik CSS importujący wszystkie style */

/* Podstawowe style */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* Komponenty */
@import url('components/navbar.css');
@import url('components/megamenu.css');
@import url('components/footer.css');
@import url('components/hero.css');
@import url('components/offer-boxes.css');
@import url('components/awards.css');
@import url('components/counters.css');
@import url('components/logos.css');
@import url('components/client-testimonials.css');
@import url('components/team.css');
@import url('components/contact-form.css');
@import url('components/contact-section.css');
@import url('components/contact-reference.css');
@import url('components/static-page-hero.css');
@import url('components/mip-hero.css');
@import url('components/office-section.css');
@import url('components/register-data-section.css');
@import url('components/newsletter-section.css');
@import url('components/service-sections-common.css');
@import url('components/second-menu.css');
@import url('components/reveal-on-scroll.css');
@import url('components/phosphor-fallback.css');

/* Układ */
@import url('layout/grid.css');

/* Import fontów */
@import url('fonts.css');

/* Animacje */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animated {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
}

/* Dodatkowe pomocnicze klasy */
.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.section {
  padding: var(--spacing-3xl) 0;
}

.section--light {
  background-color: var(--color-white);
}

.section--dark {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.section--gray {
  background-color: #f9f9f9;
}

.btn {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  border-radius: var(--border-radius-md);
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-normal);
  cursor: pointer;
  text-align: center;
}

.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.btn-primary:hover {
  background-color: var(--color-secondary);
}

.btn-cta {
  background-color: var(--color-cta);
  color: var(--color-primary);
}

.btn-cta:hover {
  background-color: #e6b800;
}

.btn-outline {
  background-color: transparent;
  border: 2px solid currentColor;
}

.btn-outline-light {
  color: var(--color-white);
}

.btn-outline-light:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.btn-outline-dark {
  color: var(--color-primary);
}

.btn-outline-dark:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}