:root {
    --bs-primary: #6601D3;
    --bs-primary-rgb: 102, 1, 211;
    --bs-primary-bg-subtle: #FBF9FF;
    --bs-secondary: #191235;
    --bs-secondary-rgb: 25, 18, 53;
    --bs-gray: #6B6A6A;
    --bs-gray-rgb: 107, 106, 106;
    --bs-body-font-family: "Roboto", sans-serif;
}

.navbar-nav {
    --bs-navbar-active-color: var(--bs-primary);
    --bs-nav-link-color: #191235;
    --bs-nav-link-font-weight: 500;
}
.navbar-nav .nav-link {
    font-family: "Inter", sans-serif;
}

.btn {
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 4px;
    --bs-btn-padding-x: 30px;
    --bs-btn-padding-y: 15px;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}
.btn-light {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.card {
    --bs-card-border-radius: 16px;
    --bs-card-title-spacer-y: 0.62rem;
}

.card-title {
    color: var(--bs-primary);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.card-text {
    color: #6B6A6A;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
    .card-title {
        color: var(--bs-primary);
        font-family: "Inter", sans-serif;
        font-size: 25px;
        font-weight: 600;
    }
    .card-text {
        color: #6B6A6A;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }
}