.category-showcase {
    background-color: var(--bg-theme);
}

.category-showcase.theme-primary {
    --bg-theme: var(--ims-black);
    --color-theme: var(--ims-light);
    --icon-color-theme: var(--ims-secondary);
    --btn-bg-theme: var(--ims-light);
    --btn-hover-bg: var(--ims-secondary);
    --btn-hover-color: var(--ims-primary);
}

.category-showcase.theme-secondary {
    --bg-theme: var(--ims-secondary);
    --color-theme: var(--ims-black);
    --icon-color-theme: var(--ims-primary);
    --btn-bg-theme: var(--ims-light);
    --btn-hover-bg: var(--ims-primary);
    --btn-hover-color: var(--ims-light);
    padding-top: 1rem;
}

.category-showcase.theme-light {
    --bg-theme: var(--ims-light);
    --color-theme: var(--ims-black);
    --icon-color-theme: var(--ims-secondary);
    --btn-bg-theme: var(--ims-light);
    --btn-hover-bg: var(--ims-secondary);
    --btn-hover-color: var(--ims-primary);
}

.category-showcase:not(.card) {
    --btn-bg-theme: var(--ims-secondary);
    --btn-hover-bg: var(--ims-secondary);
    --btn-hover-color: var(--ims-light);
}

.category-showcase .category-showcase--title h2 {
    margin-block-start: 1.2rem;
    --ims-font-h: var(--ims-font-family-secondary);
    --ims-medium-font-weight: var(--ims-bold-font-weight);
}

.category-showcase.theme-primary .category-showcase--title {
    color: var(--ims-light);
}

.category-showcase.theme-secondary .category-showcase--title {
    color: var(--ims-primary);
}

.category-showcase.theme-secondary .category-showcase--title svg, .category-showcase.theme-primary .category-showcase--title svg {
    color: var(--ims-blue);
}