@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&family=Open+Sans:wght@300;400;600&display=swap');

:root {
  --primary-color: rgb(20, 56, 127);
  --secondary-color: rgb(54, 169, 225);
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #2f3138;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
}

.text-primary-custom {
  color: var(--primary-color) !important;
}

.hero-bg {
  background: linear-gradient(rgba(127, 20, 20, 0.2), #e1363677), url('/images/bgHlavy.jpg') center/cover no-repeat;
  background-attachment: fixed;
}

.divider {
  width: 60px;
  height: 4px;
  background-color: var(--secondary-color);
  border-radius: 2px;
}

/* Dynamické pozadí pro navigaci */
#mainNav {
  background-color: transparent;
  transition: background-color 0.4s ease;
}

#mainNav.scrolled {
  background-color: rgba(20, 56, 127, 0.95);
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}