:root {
  --background: #ffffff;
  --foreground: #171717;
}




html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Custom Dotted Carousel Indicators */
.carousel-indicators {
  bottom: 20px;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  margin: 0 6px;
  border: 1px solid rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;
  transform: scale(1.2);
  background-color: #f7b112; /* Olympus style gold/orange */
}