:root {
  --brand-primary: #0d6efd;
  --brand-primary-dark: #0a58ca;
  --hero-gradient: linear-gradient(135deg, #0d6efd 0%, #084298 55%, #031633 100%);
}

html {
  scroll-behavior: smooth;
}

.hero {
  background: var(--hero-gradient);
}

/* Blago izdvajanje hero sekcije na širokim ekranima */
@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.letter-spacing {
  letter-spacing: 0.12em;
}

.navbar-brand {
  max-width: 70%;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .navbar-brand {
    max-width: none;
  }
}

/* Kontrast za outline dugme na hero */
.hero .btn-outline-light:hover {
  color: #0d253f;
}