/* Dark mode */
[data-theme="dark"] {
    --bg: #1a1a2e;
    --surface: #16213e;
    --text: #e0e0e0;
    --border: #444;
}

[data-theme="dark"] body,
[data-theme="dark"] #page-wrapper {
    background-color: var(--bg);
    color: var(--text);
}

[data-theme="dark"] #content {
    background-color: var(--surface);
    color: var(--text);
}

[data-theme="dark"] #nav,
[data-theme="dark"] #header {
    background-color: #0f3460;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--surface);
    border-color: var(--border);
}

[data-theme="dark"] .dropdown-menu a {
    color: var(--text);
}

[data-theme="dark"] footer,
[data-theme="dark"] #footer {
    background-color: var(--surface);
    color: var(--text);
}

[data-theme="dark"] #footer a {
    color: var(--text);
    border-bottom-color: rgba(200, 200, 200, 0.25);
}

[data-theme="dark"] #footer .copyright {
    color: var(--text);
}

[data-theme="dark"] thead th {
    background-color: #1e3a5f;
    color: #e0e0e0;
    border-color: #444;
}

[data-theme="dark"] .table {
    color: var(--text);
    border-color: #444;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: #444;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--text);
}
/* End dark mode */