/* Global Brand Color Variables */
:root {
    /* Primary Purple Palette */
    --deep-royal-purple: #2A007A;
    --electric-violet: #6500FF;
    --neon-orchid: #A06BFF;
    --lavender-mist: #D9C5FF;
    
    /* Blue Palette */
    --midnight-azure: #00016B;
    --royal-blue: #003CDE;
    --ion-blue: #4A7CFF;
    --ice-blue: #C9E1FF;
    
    /* Neutrals */
    --pure-white: #FFFFFF;
    --soft-gray: #F2F2F6;
    --cool-gray: #CCCCD6;
    --dark-ui-gray: #242424;
    
    /* Accent Colors */
    --crimson-glow: #D7263D;
    --magenta-red: #E40E5B;
    --soft-rose: #FF7A85;
    --deep-ruby: #8B0A37;
    --gold-accent: #FFB84D;
    --teal-accent: #17C3B2;
    --indigo-accent: #3F2996;
    --sky-lilac: #B4A0FF;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Navbar Quote Link */
.nav-quote-link {
    color: var(--ion-blue) !important;
}

.nav-quote-link:hover {
    color: var(--royal-blue) !important;
}