/* style.css */

body {
    transition: background-color 0.3s, color 0.3s;
     font-family: 'Roboto', sans-serif; /* Default font */
    line-height: 1.6;
}

.navbar {
    transition: background-color 0.3s, color 0.3s;
}


/* Dark Mode Specific Styles */
body.bg-dark {
    background-color: #343a40 !important; /* Dark background */
    color: #f8f9fa !important; /* Light text */
}

.navbar.navbar-dark.bg-dark {
    background-color: #212529 !important; /* Darker navbar */
    color: #f8f9fa !important;
}

body.bg-dark .navbar-brand,
body.bg-dark .nav-link {
    color: #f8f9fa !important;
}

body.bg-dark .nav-link.active {
    color: #0d6efd !important; /* Bootstrap primary color for active link */
}

body.bg-dark .card.bg-secondary {
    background-color: #495057 !important; /* Darker card background */
    color: #f8f9fa !important;
}

body.bg-dark .card-text {
    color: #ced4da !important;
}

body.bg-dark .form-check-label {
    color: #f8f9fa !important;
}