body {
	color: var(--sc-color-body-text, var(--sc-color-text));
	background-color: var(--sc-color-body-background, var(--sc-color-surface));
}

h1:not([style*="color"]) {
	color: var(--sc-color-heading-h1, var(--sc-color-text));
}

h2:not([style*="color"]) {
	color: var(--sc-color-heading-h2, var(--sc-color-text));
}

h3:not([style*="color"]) {
	color: var(--sc-color-heading-h3, var(--sc-color-text));
}

h4:not([style*="color"]) {
	color: var(--sc-color-heading-h4, var(--sc-color-text));
}

p,
.wp-block-paragraph {
	color: var(--sc-color-paragraph, var(--sc-color-text));
}

a:not([style*="color"]) {
	color: var(--sc-color-link, var(--sc-color-accent));
}

a:hover,
a:focus-visible {
	color: var(--sc-color-link-hover, var(--sc-color-accent));
	text-decoration: none;
}

body.vividdigital-page-title-hidden.woocommerce-shop .woocommerce-products-header__title {
	display: none;
}

button:not(.sc-drawer__close),
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-element-button,
.wp-block-button__link,
.woocommerce button.button,
.woocommerce a.button,
.wc-block-components-button {
	background-color: var(--sc-color-button-background, var(--sc-color-accent)) !important;
	border-color: var(--sc-color-button-background, var(--sc-color-accent)) !important;
	color: var(--sc-color-button-text, #fff) !important;
}

button:not(.sc-drawer__close):hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.wc-block-components-button:hover {
	background-color: var(--sc-color-button-hover-background, var(--sc-color-accent)) !important;
	border-color: var(--sc-color-button-hover-background, var(--sc-color-accent)) !important;
	color: var(--sc-color-button-hover-text, #fff) !important;
}

.sc-mobile-nav button.sc-mobile-nav__item,
.sc-mobile-nav button.sc-mobile-nav__item:hover,
.sc-mobile-nav button.sc-mobile-nav__item:focus-visible {
	border: 0 !important;
	background: transparent !important;
	color: var(--sc-color-muted, #666) !important;
	box-shadow: none !important;
}

.sc-mobile-nav button.sc-mobile-nav__item .sc-mobile-nav__icon {
	color: var(--sc-color-text, #171717);
}
