*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

img,
picture,
video,
svg {
  display: block;
  max-width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

body {
  background: var(--ovelia-color-canvas);
  color: var(--ovelia-colors-semantic-text);
  font-family: var(--ovelia-font-sans);
  font-size: var(--ovelia-typography-fontsize-base);
  line-height: var(--ovelia-typography-lineheight-normal);
}

h1,
h2,
h3,
h4,
.wp-block-post-title {
  color: var(--ovelia-colors-semantic-text);
  font-family: var(--ovelia-font-serif);
  font-weight: var(--ovelia-typography-fontweight-normal);
  letter-spacing: 0;
  line-height: var(--ovelia-typography-lineheight-tight);
}

h1,
.wp-block-post-title {
  font-size: var(--ovelia-font-style-page-title-size);
  letter-spacing: var(--ovelia-font-style-page-title-letter-spacing);
  line-height: var(--ovelia-font-style-page-title-line-height);
}

h2 {
  font-size: var(--ovelia-font-style-section-header-size);
  letter-spacing: var(--ovelia-font-style-section-header-letter-spacing);
  line-height: var(--ovelia-font-style-section-header-line-height);
}

h3 {
  font-size: var(--ovelia-typography-fontsize-2xl);
  line-height: var(--ovelia-typography-lineheight-snug);
}

a {
  color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

button,
input,
select,
textarea {
  font: inherit;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ovelia-label,
.wp-block-navigation,
.wp-block-button__link,
.woocommerce-breadcrumb,
.woocommerce-loop-product__title {
  font-family: var(--ovelia-font-sans);
  font-size: var(--ovelia-font-style-section-eyebrow-size);
  font-weight: 500;
  letter-spacing: var(--ovelia-font-style-section-eyebrow-letter-spacing);
  line-height: var(--ovelia-font-style-section-eyebrow-line-height);
  text-transform: var(--ovelia-font-style-section-eyebrow-text-transform);
}

.wp-block-button__link,
button,
a.button,
input[type="button"],
input[type="submit"] {
  display: inline-block;
  padding: var(--ovelia-spacing-step-6) var(--ovelia-spacing-step-10);
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ovelia-colors-semantic-text-inverse);
  background-color: var(--ovelia-colors-stone-900);
  color: var(--ovelia-colors-powder-50);
}

a.button--small,
.wp-block-button__link {
  padding: var(--ovelia-spacing-step-5) var(--ovelia-spacing-step-10);
}

a.button--outline {
  border: 1px solid var(--ovelia-colors-stone-900, #1C1A17);
  background-color: transparent;
  color: var(--ovelia-colors-semantic-text);
}

.site-main {
  min-height: 60vh;
}