/* Custom stylesheet voor apps.kodid.be */

/* Kleuren gebaseerd op het KODiD logo */
:root {
    /* Nieuwe kleuren gebaseerd op het logo */
    --kodid-turquoise: #5fb8c3;
    --kodid-oranje: #f77724;
    --kodid-wit: #FFFEFE;

    /* Oude kleuren (kunnen behouden blijven voor elementen die ze nog gebruiken) */
    --kodid-donkerblauw: #3a4182;
    --kodid-lichtblauw: #4278c2;
    --kodid-groen: #79b54c;

    /* Algemene kleuren */
    --kodid-achtergrond: #f8f9fa; /* Lichtgrijs */
}

body {
    background-color: var(--kodid-achtergrond);
}

/* DE FIX: Navbar gebruikt nu de nieuwe turquoise kleur */
.navbar {
    background-color: var(--kodid-turquoise);
}

/* Zorg ervoor dat de tekst en iconen in de navbar wit zijn voor contrast */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand {
    color: var(--kodid-wit);
}

/* Optioneel: gebruik de oranje accentkleur voor hover-effecten in dropdowns */
.dropdown-menu .dropdown-item:hover {
    background-color: var(--kodid-oranje);
    color: var(--kodid-wit);
}

.footer {
    background-color: #343a40; /* Donkergrijs voor de footer */
    color: white;
    padding: 1rem 0;
    text-align: center;
    font-size: 0.9rem;
}