@media (prefers-color-scheme: light) {
    :root {
        --bg-main: #101010;
        --bg-light-main: white;
        --light-grey: #f3f3f3;
        --bg-secondary: var(--bg-light-secondary);
        --bg-light-secondary: #1d89c4;
        --lv-dropdown-link-hover-color: #4fbdf6;
        --lv-dropdown-link-hover-bg: #c8ecff;
        --grey-dark: #191919;
    }

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

    body::before {
        background-color: rgb(93 93 93 / 82%);
    }

    .links a {
        color: var(--bg-main);
    }

    .card,
    .sCard,
    .reasons {
        background-color: var(--light-grey);
    }

    .purchase,
    .sCard > a,
    .supportEmail > a {
        background-color: var(--bg-light-secondary);
    }

    .about-us > a,
    .links a.active,
    .supportEmail > p,
    .social-link,
    .content > a {
        color: var(--bg-light-secondary) !important;
    }

    @media (max-width: 768px) {
        .links {
            background-color: rgb(243 243 243);
        }
    }

    .text-form-footer {
        color: var(--light-grey);
    }

    .ribbon-box .ribbon-danger {
        background: var(--bg-light-secondary);
    }

    .btn-danger {
        color: #fff;
        background-color: var(--bg-light-secondary);
        border-color: var(--bg-light-secondary);
    }

    .btn-danger:hover {
        color: #fff;
        background-color: var(--bg-light-secondary);
        border-color: var(--bg-light-secondary);
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: var(--bg-light-secondary);
        border-color: var(--bg-light-secondary);
        -webkit-box-shadow: 0 0 0 0 rgb(29, 137, 196);
        box-shadow: 0 0 0 0 rgb(79, 189, 246)
    }

    .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: var(--bg-light-secondary);
        border-color: var(--bg-light-secondary);
    }

    .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0 rgb(150, 207, 239);
        box-shadow: 0 0 0 0 rgb(130, 204, 243)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #108fd3;
        border-color: #0a73ad
    }

    .links a.active, .links a:hover, .links a:focus, .dropdown-item:focus, .dropdown-item:hover, .links a.dropdown-item {
        color: var(--bg-light-secondary);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--lv-dropdown-link-hover-color);
        text-decoration: none;
        background-color: var(--lv-dropdown-link-hover-bg);
        border-radius: 1.5em;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--lv-dropdown-link-hover-color);
        background-color: var(--lv-dropdown-link-hover-bg);
        border-radius: 1.5em;
    }

    .list-group-item {
        color: var(--vz-dark);
        background-color: var(--vz-card-bg);
    }

    .user-name-text, #page-header-cart-dropdown > i {
        color: var(--bg-main);
    }

    .progress {
        background-color: var(--vz-card-bg);
    }
}