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

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

.navbar .nav-link,
.navbar .navbar-brand {
    color: var(--navbar-text) !important;
}


header {
    background-color: var(--header-bg); /* Primary color for header */
    color: var(--text-color);
}

.card {
    background-color: var(--card-bg);
    color: var(--card-text);
    border: 1px solid var(--card-border);
}