:root {
    /* theme-blue */
    --bio-theme-blue-body-background: #f3f6ff;
    --bio-theme-blue-font-color: #0fb7ff;
    --bio-theme-blue-hero-background: rgba(16, 40, 95, 0.9);
    --bio-theme-blue-hero-title-color: #49a8ff;
    --bio-theme-blue-hero-subtitle: #6690da;
    /* theme-gold-rush */
    --bio-theme-gold-rush-body-background: #faf6eb;
    --bio-theme-gold-rush-font-color: #ffca36;
    --bio-theme-gold-rush-hero-background: rgb(55 56 27 / 90%);
    --bio-theme-gold-rush-hero-title-color: #fff;
    --bio-theme-gold-rush-hero-subtitle: #c1a964;
    /* theme-pink-blossom */
    --bio-theme-pink-blossom-body-background: #fae6ef;
    --bio-theme-pink-blossom-font-color: #dd7a91;
    --bio-theme-pink-blossom-hero-background: rgb(56 27 27, 90%);
    --bio-theme-pink-blossom-hero-title-color: #fff;
    --bio-theme-pink-blossom-hero-subtitle: #dd7a91;
    /* theme-dark-knight */
    --bio-theme-dark-knight-body-background: #e7e7e7;
    --bio-theme-dark-knight-font-color: #f5cf06;
    --bio-theme-dark-knight-hero-background: rgb(16 16 16 / 90%);
    --bio-theme-dark-knight-hero-title-color: #fff;
    --bio-theme-dark-knight-hero-subtitle: #b8b8b8;
    /* theme-teal-nature */
    --bio-theme-teal-nature-body-background: #ffd700;
    --bio-theme-teal-nature-font-color: #ffd700;
    --bio-theme-teal-nature-hero-background: rgba(16, 40, 95, 0.9);
    --bio-theme-teal-nature-hero-title-color: #b8860b;
    --bio-theme-teal-nature-hero-subtitle: #daa520;
    /* theme-mixed-blues */
    --bio-theme-mixed-blues-body-background: #ffd700;
    --bio-theme-mixed-blues-font-color: #ffd700;
    --bio-theme-mixed-blues-hero-background: rgba(16, 40, 95, 0.9);
    --bio-theme-mixed-blues-hero-title-color: #b8860b;
    --bio-theme-mixed-blues-hero-subtitle: #daa520;
    /* theme-mixed-greens */
    --bio-theme-mixed-greens-body-background: #ffd700;
    --bio-theme-mixed-greens-font-color: #ffd700;
    --bio-theme-mixed-greens-hero-background: rgba(16, 40, 95, 0.9);
    --bio-theme-mixed-greens-hero-title-color: #b8860b;
    --bio-theme-mixed-greens-hero-subtitle: #daa520;
    /* theme-red-love */
    --bio-theme-red-love-body-background: #ffd700;
    --bio-theme-red-love-font-color: #ffd700;
    --bio-theme-red-love-hero-background: rgba(16, 40, 95, 0.9);
    --bio-theme-red-love-hero-title-color: #b8860b;
    --bio-theme-red-love-hero-subtitle: #daa520;
}

/* Bio Theme Blue */
.bio-theme-blue .font-color-theme {
    color: var(--bio-theme-blue-font-color);
}

.bio-theme-blue .hero-background-theme::after {
    background-color: var(--bio-theme-blue-hero-background);
}

.bio-theme-blue .hero-title-color-theme {
    color: var(--bio-theme-blue-hero-title-color);
}

.bio-theme-blue .hero-subtitle-color-theme {
    color: var(--bio-theme-blue-hero-subtitle);
}

/* Bio Theme Gold-rush */
.bio-theme-gold-rush .font-color-theme {
    color: var(--bio-theme-gold-rush-font-color);
}

.bio-theme-gold-rush .hero-background-theme::after {
    background-color: var(--bio-theme-gold-rush-hero-background);
}

.bio-theme-gold-rush .hero-title-color-theme {
    color: var(--bio-theme-gold-rush-hero-title-color);
}

.bio-theme-gold-rush .hero-subtitle-color-theme {
    color: var(--bio-theme-gold-rush-hero-subtitle);
}

/* Bio Theme blossom */
.bio-theme-blossom .font-color-theme {
    color: var(--bio-theme-blossom-font-color);
}

.bio-theme-blossom .hero-background-theme::after {
    background-color: var(--bio-theme-blossom-hero-background);
}

.bio-theme-blossom .hero-title-color-theme {
    color: var(--bio-theme-blossom-hero-title-color);
}

.bio-theme-blossom .hero-subtitle-color-theme {
    color: var(--bio-theme-blossom-hero-subtitle);
}

/* Bio Theme dark-knight */
.bio-theme-dark-knight .font-color-theme {
    color: var(--bio-theme-dark-knight-font-color);
}

.bio-theme-dark-knight .hero-background-theme::after {
    background-color: var(--bio-theme-dark-knight-hero-background);
}

.bio-theme-dark-knight .hero-title-color-theme {
    color: var(--bio-theme-dark-knight-hero-title-color);
}

.bio-theme-dark-knight .hero-subtitle-color-theme {
    color: var(--bio-theme-dark-knight-hero-subtitle);
}

/* Bio Theme teal-nature */
.bio-theme-teal-nature .font-color-theme {
    color: var(--bio-theme-teal-nature-font-color);
}

.bio-theme-teal-nature .hero-background-theme::after {
    background-color: var(--bio-theme-teal-nature-hero-background);
}

.bio-theme-teal-nature .hero-title-color-theme {
    color: var(--bio-theme-teal-nature-hero-title-color);
}

.bio-theme-teal-nature .hero-subtitle-color-theme {
    color: var(--bio-theme-teal-nature-hero-subtitle);
}

/* Bio Theme mixed-blues */
.bio-theme-mixed-blues .font-color-theme {
    color: var(--bio-theme-mixed-blues-font-color);
}

.bio-theme-mixed-blues .hero-background-theme::after {
    background-color: var(--bio-theme-mixed-blues-hero-background);
}

.bio-theme-mixed-blues .hero-title-color-theme {
    color: var(--bio-theme-mixed-blues-hero-title-color);
}

.bio-theme-mixed-blues .hero-subtitle-color-theme {
    color: var(--bio-theme-mixed-blues-hero-subtitle);
}

/* Bio Theme mixed-greens */
.bio-theme-mixed-greens .font-color-theme {
    color: var(--bio-theme-mixed-greens-font-color);
}

.bio-theme-mixed-greens .hero-background-theme::after {
    background-color: var(--bio-theme-mixed-greens-hero-background);
}

.bio-theme-mixed-greens .hero-title-color-theme {
    color: var(--bio-theme-mixed-greens-hero-title-color);
}

.bio-theme-mixed-greens .hero-subtitle-color-theme {
    color: var(--bio-theme-mixed-greens-hero-subtitle);
}

/* Bio Theme red-love */
.bio-theme-red-love .font-color-theme {
    color: var(--bio-theme-red-love-font-color);
}

.bio-theme-red-love .hero-background-theme::after {
    background-color: var(--bio-theme-red-love-hero-background);
}

.bio-theme-red-love .hero-title-color-theme {
    color: var(--bio-theme-red-love-hero-title-color);
}

.bio-theme-red-love .hero-subtitle-color-theme {
    color: var(--bio-theme-red-love-hero-subtitle);
}