:root {
  --primary-color: #2c5530;
  --secondary-color: #8b4513;
  --nav-bg: #ffffff;
  --accent-color: #dc3545;
}

/* ============================================
   LOVACKI ISPIT – LANDING (/lovacki-ispit)
   ============================================ */

.quiz-landing {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.quiz-landing-hero h1 {
    font-weight: 700;
}

/* Na većim ekranima malo veći naslov */
@media (min-width: 992px) {
    .quiz-landing-hero h1 {
        font-size: 2.4rem;
    }
}

.quiz-landing-card {
    border-radius: 1rem;
    border: none;
}

.quiz-landing-card .card-body {
    padding: 1.75rem 2rem;
}

/* CTA dugmad – da budu ugodna za dodir na mobitelu */
.quiz-cta-btn {
    min-width: 240px;
}

/* Mobile first: sve u koloni, full width */
@media (max-width: 767.98px) {
    .quiz-landing {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .quiz-landing-hero h1 {
        font-size: 1.75rem;
    }

    .quiz-landing-card .card-body {
        padding: 1.25rem 1.5rem;
    }

    .quiz-cta-btn {
        width: 100%;
        font-size: 1rem;
        padding-top: .9rem;
        padding-bottom: .9rem;
    }
}

/* ============================================
   LOVACKI ISPIT – LOGIN (/lovacki-ispit/login)
   ============================================ */

.quiz-auth {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.quiz-auth-card {
    border-radius: 1rem;
    border: none;
}

.quiz-auth-card .card-body {
    padding: 2rem 2.25rem;
}

.quiz-auth .form-label {
    font-weight: 600;
}

.quiz-auth .form-control {
    border-radius: .6rem;
}

/* malo već e dugme za lakši dodir */
.quiz-auth button[type="submit"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

/* Mobile */
@media (max-width: 767.98px) {
    .quiz-auth {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .quiz-auth-card .card-body {
        padding: 1.75rem 1.5rem;
    }
}