html, body {
  font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 300;
  color: #383838;
  line-height: 1.5;
}

a {
  transition: all 300ms ease;
}
strong {
  font-weight: bold;
}


:root{
  --primary: #1e3e76;
  --accent: #a4cde9;
  --muted: #e3e5e7;
  --text: #1f2d3d;
}

header {
  background-image: url(images/lines-tope.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.full-bar {
  background-image: url(images/lines-slider.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Style dla kropek w nawigacji */
.dot-navi .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 2px solid #fff;
  opacity: 1;
  margin: 0 6px !important; /* Odstęp między kropkami */
  transition: all 0.3s ease;
}

/* Styl aktywnej kropki */
.dot-navi .swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
}
.slider-box {
  
}

/* Pozycjonowanie kontenera kropek - upewnienie się że są tam gdzie chcesz */
.dot-navi {
  display: flex;
  justify-content: flex-end; /* Wyrównanie do prawej (jak tekstu) */
  padding-right: 1rem; /* Mały margines od prawej krawędzi */
}

/* Poprawka dla Swipera, aby nie ucinał cieni/elementów wychodzących */
.slider-box {
  width: 100%;
  overflow: hidden; 
}
.simple-box-text p {
  margin-bottom: 1rem;
}
.btn-primary:hover {
  background-color: var(--accent);
  color: var(--secondary);
}
.main-content p {
  line-height: 1.6;
  padding-bottom: 1rem;
}
.main-content h1 {
  padding-bottom: 1.25rem;
}
.main-content h2 {
  padding-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
} 
.main-content h3 {
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
} 
.main-content h4 {
  padding-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}