:root {
    --primary-color: #0d6efd;
    --secondary-color: #6c757d;
    --background-color: #ffffff;
    --text-color: #212529;
    --navbar-bg: #212529;
    --card-bg: #ffffff;
    --link-color: #0d6efd;
    --link-hover-color: #0a58ca;
}

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

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

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

    .navbar-dark .navbar-nav .nav-link:hover {
        color: #ffffff;
    }

.card {
    background-color: var(--card-bg);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

a {
    color: var(--link-color);
}

    a:hover {
        color: var(--link-hover-color);
    }