:root {
    /* Primär färg (blå från logotypen) */
    --bs-primary-menu: #1E3A6D;
    /* Sekundär accent (ljusare blå från knappar/länkar) */
    --bs-secondary: #2C6FAA;
    /* Gul detaljfärg från logotypen */
    --bs-warning: #FFD700;
    /* Textfärg */
    --bs-body-color: #212529;
    /* Bakgrund */
    --bs-body-bg: #ffffff;
}

.container {
    margin-top: 5rem !important;
}
/* Justera navbaren */
.navbar-dark {
    background-color: var(--bs-primary-menu) !important;
}

/* Knappar */
.btn-primary {
    
}

    .btn-primary:hover {
        
    }

.btn-secondary {
    
}

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #000; /* svart text på gul knapp */
}

.navbar-light .navbar-nav .nav-link {
    color: #1E3A6D; /* Spofolkets blå för bättre kontrast */
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: #16305A; /* lite mörkare blå vid hover */
    }

    .navbar-light .navbar-nav .nav-link.active {
        font-weight: 600;
        text-decoration: none;
    }