:root {
  --cassiopeia-color-primary: #005f73;
  --cassiopeia-color-link: #0a9396;
  --cassiopeia-color-hover: #94d2bd;
}

/* Konfiguracja wysokości sekcji Hero */
#heroCarousel .carousel-item {
    height: 60vh;
    min-height: 400px;
    background-color: var(--cassiopeia-color-primary, #121212);
    position: relative;
}

/* Skalowanie i przyciemnianie obrazu tła */
#heroCarousel .carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5); /* Zwiększa kontrast dla białego tekstu */
    z-index: 0;
}

/* Pozycjonowanie i stylizacja nakładki tekstowej */
#heroCarousel .hero-overlay {
    bottom: 25%;
    z-index: 1;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
}

/* Wymuszenie białego koloru nagłówków wewnątrz slidera */
#heroCarousel .hero-overlay h2 {
    color: #ffffff;
}