:root {
  --jl-font-body: "Open Sans", "Segoe UI", sans-serif;
  --jl-font-heading: "Sriracha", "Segoe UI", sans-serif;
  --jl-font-accent: "Sriracha", "Segoe UI", sans-serif;
  --jl-font-mono: "Consolas", "SFMono-Regular", monospace;
  --jl-ink: #1A1814;
  --jl-ink-soft: #5A5650;
}

html {
  font-size: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: var(--jl-font-body) !important;
  color: var(--jl-ink);
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.jleh-brand-wordmark,
.decorative-lights h1,
.decorative-lights h2,
.decorative-lights h3,
.decorative-lights h4,
.fancy-light h1,
.fancy-light h2,
.fancy-light h3,
.fancy-light h4 {
  font-family: var(--jl-font-heading) !important;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--jl-ink);
}

p,
li,
label,
input,
textarea,
select,
.decorative-lights p,
.fancy-light p,
.woocommerce,
.woocommerce p,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--jl-font-body) !important;
}

.decorative-lights-eyebrow,
.fancy-light-eyebrow,
.jleh-nav-link,
.jl-footer-title {
  font-family: var(--jl-font-body) !important;
  letter-spacing: 0.12em;
}

.decorative-lights-btn,
.fancy-light-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.jleh-search-submit,
.jleh-mobile-toggle,
.jleh-search-close {
  font-family: var(--jl-font-body) !important;
}
