/* General Body Styles */
body {
    background-color: #121212;
    color: #e0e0e0;
}

/* Navbar and Footer */
.navbar, .footer {
    background-color: #1c1c1c;
    color: #e0e0e0;
}

/* Navigation Links */
.nav-link {
    color: #e0e0e0 !important;
}

.nav-link.active {    
    font-weight: bold;
    text-decoration: underline;    
}

/* Flag Icons */
.btn-flag img {
    filter: brightness(0.8);
}

.btn-flag:hover img {
    filter: brightness(1);
}

.flag-icon {
    width: 24px;
    height: 24px;
}

/* List Group Items */
.list-group-item {
    background-color: #1c1c1c;
    color: #e0e0e0;
    border: 1px solid #333;
}

.list-group-item:hover {
    background-color: #333;
    color: #ffffff;
}

/* Forms and Cards */
.card {
    background-color: #1c1c1c;
    color: #e0e0e0;
}

.form-control {
    background-color: #2c2c2c;
    color: #e0e0e0;
    border: 1px solid #444;
}

.form-control:focus {
    background-color: #3c3c3c;
    color: #ffffff;
    border-color: #555;
}

.form-label {
    color: #e0e0e0;
}

/* Buttons */
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Add these styles to dark-theme.css */

body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode table {
    background-color: #1e1e1e;
    color: #ffffff;
}

body.dark-mode table th,
body.dark-mode table td {
    border-color: #333333;
    color: #ffffff; /* Ensure table text is white in dark mode */
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #333333;
}

body.dark-mode .table-bordered th,
body.dark-mode .table-bordered td {
    border: 1px solid #444444;
}

/* dark-theme.css */
.note-editor.note-frame {
    background-color: #2c2c2c;
    color: #e0e0e0;
    border: 1px solid #444;
}

.note-toolbar {
    background-color: #1c1c1c;
}

.note-editable {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

.note-btn, .note-dropdown-item {
    color: #e0e0e0 !important;
}

.note-btn:hover, .note-dropdown-item:hover {
    color: #ffffff !important;
    background-color: #444 !important;
}