:root {
    /* Lighter Background Variations */
    --sponsor-gold-lighter-bg: #fdebb2;
    --sponsor-silver-lighter-bg: #e0e7f0;
    --sponsor-bronze-lighter-bg: #fce1a0;

    /* Hover Variations */
    --sponsor-gold-hover: #e6b842;
    --sponsor-silver-hover: #b8c4d4;
    --sponsor-bronze-hover: #e08f0a;
}

#plan-gold {
    background: var(--sponsor-gold);
}

#plan-gold .sponsorship-plan__action .btn {
    background: var(--sponsor-gold-lighter-bg);
}

#plan-gold .sponsorship-plan__action .btn:hover {
    background: var(--sponsor-gold-hover);
}

#plan-silver {
    background: var(--sponsor-silver);
}

#plan-silver .sponsorship-plan__action .btn {
    background: var(--sponsor-silver-lighter-bg);
}

#plan-silver .sponsorship-plan__action .btn:hover {
    background: var(--sponsor-silver-hover);
}

#plan-bronze {
    background: var(--sponsor-bronze);
}

#plan-bronze .sponsorship-plan__action .btn {
    background: var(--sponsor-bronze-lighter-bg);
}

#plan-bronze .sponsorship-plan__action .btn:hover {
    background: var(--sponsor-bronze-hover);
}

.sponsorship-plan__feature,
.sponsorship-plan__currency,
.sponsorship-plan__period,
.sponsorship-plan__price,
.sponsorship-plan__amount,
.sponsorship-plan__desc,
.sponsorship-plan__title,
.sponsorship-plan__sub {
    color: #4a4a4a;
}

.sponsorship-plan__feature .icon svg {
    color: #4a4a4a;
}

.sponsorship-plan .sponsorship-plan__action .btn {
    color: #4a4a4a;
}