html {
    background: var(--wc-premium-bg);
}

body {
    background: var(--wc-premium-bg) !important;
    color: var(--wc-premium-text) !important;
    font-family: "Inter", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.font-serif,
.site-title,
.woocommerce-loop-product__title {
    font-family: "Cormorant Garamond", "RoxboroughCF", serif;
    letter-spacing: -.03em;
}

p, li, input, textarea, select, label {
    color: var(--wc-premium-muted);
}

.site-wrapper {
    background: var(--wc-premium-bg);
}

.container,
main.container,
.woocommerce-checkout-wrapper {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

a {
    transition: color .2s ease, opacity .2s ease;
}

button,
.button,
.btn,
.bg-brand-dark,
.bg-brand-primary,
input[type="submit"],
input[type="button"],
.woocommerce-button,
.cart-checkout-btn,
.view-product-btn {
    border-radius: 999px !important;
}

.rounded-full {
    border-radius: 9999px !important;
}

.rounded-xl {
    border-radius: 0.75rem !important;
}

.rounded-lg {
    border-radius: 0.5rem !important;
}

.rounded-md {
    border-radius: 0.375rem !important;
}

.rounded-sm {
    border-radius: 0.125rem !important;
}

.rounded-none {
    border-radius: 0 !important;
}

.bg-brand-dark,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--global-btn-color) !important;
    color: #fff !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--global-btn-color-hover) !important;
}

html {
    font-size: 16px;
}

@media (min-width: 1024px) {
    html {
        font-size: 18px;
    }
}