:root {
    --bg: #ffffff;
    --text: #111;
    --card: #ffffff;
    --border: #ddd;
}

[data-theme="dark"] {
    --bg: #0f1115;
    --text: #e6e6e6;
    --card: #1a1d23;
    --border: #2c2f36;
}

body {
    background: var(--bg) !important;
    color: var(--text) !important;
}

.auth-card,
.card,
.container,
table {
    background: var(--card) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}

input,
select,
textarea {
    background: var(--card) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.navbar {
    background: var(--card) !important;
}

a {
    color: #4da3ff;
}

.btn-outline-dark {
    border-color: var(--border);
    color: var(--text);
}

.table {
    color: var(--text);
}