:root {
    --color-primary: #a17310;
    --color-primary-rgb: 161, 115, 16;
    --color-primary-lt: #f3a914;
    --color-primary-dk: #282828;
    --color-navy-deep: #282828;
    --fs-step: 2.8rem;

    --color-navy: #6b581b;
    --color-navy-rgb: 27, 58, 107;
    --color-navy-deep-rgb: 40, 40, 40;
    --color-navy-card: #6b581b;
    --color-navy-dark: #0f2a4e;
    --color-navy-darkest: #0a1a2e;

}

.bg-dark-card {
    background: var(--color-navy-deep);
}

.bg-dark-deep, .bg-dark {
    background: var(--color-navy-deep);
}

.hero-bg {
    background: url("images/pp-hero-1CUXrBB.jpg") center/cover no-repeat;
}

.text-gold {
    color: var(--color-primary);
}

/* pay button gets a gold gradient */
.btn-pay {
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-lt) 50%, var(--color-primary) 100%);
}

.step-num {
    color: white !important;
}

.site-footer__logo {
    filter: none !important;
}