/* Colors */
:root {
    --indigo: #4f00ca;
    --violet: #c053ef;
    --green: #48cbb1;
    --light-gray: #f2f2f2;
    --light-blue: #dedef9;
}

/* Typography */
h1 {
    color: var(--indigo);
}

/* Buttons */
.btn-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-bg: var(--indigo);
    --bs-btn-hover-bg: var(--violet);
    --bs-btn-border-color: var(--indigo);
    --bs-btn-hover-border-color: var(--violet);
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: 10rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .75rem;
}

.btn-outline-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--indigo);
    --bs-btn-border-color: var(--indigo);
    --bs-btn-hover-border-color: var(--indigo);
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: 10rem;
    --bs-btn-padding-x: 1.5rem;
}

/* Misc */
.accent {
    background-color: var(--violet);
    border-radius: 3em;
    padding-left: .375em;
    padding-right: .375em;
}

/* Header */
.logo {
    height: 60px;
}

header .nav button {
    --bs-btn-font-size: .875rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .25rem;
}

/* Spotlight */
.spotlight {
    margin-top: -3rem;
    padding-left: .75em;
    padding-right: .75em;
    position: relative;
    z-index: 5;
}

.spotlight .container {
    background-color: #fff;
    border-radius: 2em;
}

@media only screen and (min-width: 992px) {

    .spotlight .container {
        max-width: 960px;
    }
}

@media only screen and (min-width: 1200px) {

    .spotlight .container {
        max-width: 1080px;
    }
}

/* Resources */
.resources {
    background-color: var(--light-blue);
}

/* Banners */
.banner-indigo {
    background-color: var(--indigo);
}

.banner-indigo a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

.banner-green {
    background-color: var(--green);
}

.banner-green a {
    color: #20113E;
    font-weight: 500;
    text-decoration: none;
}

/* Footer */
.copyright {
    font-size: .75em;
    margin-bottom: 0;
}

/* Disclamer */
.disclaimer {
    background-color: var(--light-gray);
    font-size: .6875em;
}