* {
    /* --dim-black: #171010; */
    /* --dim-black: #191919; */
    --dim-black: #171617;
    --grey: #1A1A1A;
    --graphite: #2B2B2B;
    --bright-red: #DA0037;
    --pastel-red: #CA3E47;
    --light-gold: FFEEA9;
    --gold: FCEF91;
    --dim-gold: F5C45E;
    --white: #FBFBFB;

    --success: #8BAE66;
    --info: #4988C4;
    --danger: #DF6D2D;
    --warning: #9B3922;

    --link-color: #484848;
    --link-color-hover: #ffffff;

    /* --dim-black-75: #171010BF; */
    --dim-black-75: #191919BF;
    --grey-75: #1A1A1ABF;
    --graphite-75: #2B2B2BBF;
    --bright-red-75: #DA0037BF;
    --pastel-red-75: #CA3E47BF;
    --light-gold-75: FFEEA9BF;
    --gold-75: FCEF91BF;
    --dim-gold-75: F5C45EBF;
    --white-75: #FBFBFBBF;

    --success-75: #8BAE66BF;
    --info-75: #4988C4BF;
    --danger-75: #DF6D2DBF;
    --warning-75: #9B3922BF;

    
    /* --dim-black-50: #17101080; */
    --dim-black-50: #19191980;
    --grey-50: #1A1A1A80;
    --graphite-50: #2B2B2B80;
    --bright-red-50: #DA003780;
    --pastel-red-50: #CA3E4780;
    --light-gold-50: FFEEA980;
    --gold-50: FCEF9180;
    --dim-gold-50: F5C45E80;
    --white-50: #FBFBFB80;

    --success-50: #8BAE6680;
    --info-50: #4988C480;
    --danger-50: #DF6D2D80;
    --warning-50: #9B392280;

    /* --hero-font-size: calc(59px * 2vw); */
    --hero-font-size: clamp(40px, 6vw, 96px);
    --hero-line-height: clamp(36px, 6vw, 85px);
    --hero-font-family: "Cormorant Garamond";

    --section-font-size: clamp(36px, 6vw, 42px);
    --section-line-height: clamp(36px, 6vw, 55px);
    --section-font-family: "Cormorant Garamond";

    --content-font-size: 20px;
    --content-font-family: "Bellefair";

    --tertiary-font-size: 15px;
}

.hero-text {
    font-family: var(--hero-font-family);
    font-size: var(--hero-font-size);
    line-height: var(--hero-line-height);
    color: var(--white);
}
.section-text {
    font-family: var(--section-font-family);
    font-size: var(--section-font-size);
    line-height: var(--section-line-height);
    color: var(--white);
}

.content-text {
    font-family: var(--content-font-family);
    font-size: var(--content-font-size);
    color: var(--white);
}
.secondary-text {
    font-family: var(--content-font-family);
    font-size: var(--content-font-size);
    color: var(--link-color);
}
.tertiary-text {
    font-family: var(--content-font-family);
    font-size: var(--tertiary-font-size);
    color: var(--link-color);
}

.parallax-bg,
.parallax-fg {
    will-change: transform;
}

span.red {
    color: red;
}

span.italic {
    font-style: italic;
}

a {
    color: var(--link-color);
    font-family: var(--content-font-family);
    text-decoration: none;
    transition: all .15s ease-in-out;
}
a:hover {
    color: var(--link-color-hover);
}

.dropdown-menu {
    background-color: var(--dim-black);
    border-width: 1px;
    border-style: solid;
    border-color: var(--graphite);
    border-image: initial;
    border-radius: 12px;
}
.dropdown-item:hover {
    background-color: var(--grey);
}
.dropdown-item:active, .dropdown-item:focus, .dropdown-item:focus-visible {
    background-color: var(--grey);
    outline: none;
}
.dropdown-divider {
    border-color: var(--graphite);
}

footer {
    max-height: fit-content;
    background: linear-gradient(to right, #19191903 0%, #7F7F7F03 100%);
}

footer:before {
    content: "";
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 182px;
    opacity: 0.02;
    position: absolute;
    width: 100%;
    height: auto;
}