/* Glavni stil za dark mode */
body.dark-version {
    background-color: #252f40;
    color: #fff;
}

/* Stil za <hr> izvan navigacije */
div:not(.sidenav) > hr, div:not(.bg-gradient-dark) hr {
    border-color: #fff;
}

/* Tekst u dugmadima i spanovima */
button:not(.btn) > .text-dark,
span.text-dark,
.breadcrumb .text-dark {
    color: #fff !important;
}

span.text-white, .breadcrumb .text-white {
    color: #fff !important;
}

/* Stil za <strong> tagove */
strong.text-dark {
    color: #fff !important;
}

strong.text-white {
    color: #fff !important;
}

/* Linkovi u navigaciji */
a.nav-link.text-dark {
    color: #fff !important;
}

a.nav-link.text-white {
    color: #fff !important;
}

/* Sekundarni tekst */
.text-secondary {
    color: #fff !important;
    opacity: 0.8;
}

/* Pozadina elemenata */
.bg-gray-100 {
    background-color: #606060 !important;
}

.bg-gray-600 {
    background-color: #252f40 !important;
}

/* Ikonice i dugmad */
.btn.btn-link.text-dark, .material-icons.text-dark {
    color: #fff !important;
}

.btn.btn-link.text-white, .material-icons.text-white {
    color: #fff !important;
}

/* SVG ikone */
svg [fill] {
    fill: #fff !important;
}

/* Rubovi za card elemente */
.card.border {
    border-color: #fff !important;
}

.card.border.border-dark {
    border-color: #252f40 !important;
}

.form-control {
    color: #fff !important;
}

.modal-content {
    background-color: #1a2035 !important
}

option {
    color: #2f2f2f; 
}

option:hover {
    color: #2f2f2f;
}