:root {
  --bs-primary: #121212;
  --bs-primary-rgb: 18, 18, 18;
}

/* Ako želiš da i .btn-primary, linkovi itd. koriste tu boju: */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
  background-color: #000 !important;
  border-color: #000 !important;
}

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

.bg-primary {
  background-color: var(--bs-primary) !important;
}

body {
    font-family: 'Segoe UI', sans-serif;
    scroll-behavior: smooth;
}

.hero {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../assets/dino-black.png') center/cover;
    height: 100vh;
}

.animate {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.card {
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

#books div.card-body img {
	width:100%;
}

.navbar-brand {
  font-family: "Orbitron", sans-serif;
  font-size: 2.2rem;
  color: transparent;
  -webkit-text-stroke: 1.5px #121212; /* kontura */
  letter-spacing: 2px;
  text-transform: uppercase;
}

div.container.py-5 {
	margin-top:20px;
}