body { background-color: var(--color-white); font-family: var(--skin-body-font); color: var(--skin-main-text-color-1); }
.card,
.card-header,
.hero { background-color: var(--skin-background-color-1); font-family: var(--skin-body-font); color: var(--skin-main-text-color-1); }
.hero { border-bottom-color: var(--skin-background-color-1); }
.main-menu { background-color: var(--color-white); }
.banner-color { background-color: var(--skin-banner-background-color-1); }
.header-banner { background-color: var(--skin-banner-background-color-2); color: var(--skin-banner-text-color-1); }
.header-banner .close-button .close { background-color: var(--skin-primary-color-1); }
h1.header.page-title,
h1.header.page-title::before { background-color: var(--skin-heading-color-1); color: var(--skin-heading-color-1-invert); }
.custom-select { background-color: var(--skin-selectbox-background-color-1); color: var(--skin-selectbox-text-color-1); }
.price { color: var(--skin-price-1); }