:root {
  --quaotea-font-sans: "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-text: var(--quaotea-font-sans);
  --font-family-display: var(--quaotea-font-sans);
  --font-family-script: var(--quaotea-font-sans);
  --qt-title-font: var(--quaotea-font-sans);
  --qt-svg-title-font: var(--quaotea-font-sans);
  --wp--preset--font-family--body: var(--quaotea-font-sans);
  --wp--preset--font-family--display: var(--quaotea-font-sans);
}

html,
body {
  font-family: var(--quaotea-font-sans) !important;
  text-rendering: optimizeLegibility;
}

body,
body button,
body input,
body select,
body textarea,
body option {
  font-family: var(--quaotea-font-sans) !important;
}

.resource-page :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, em, small, li, dt, dd, label, legend, button, input, select, textarea, option),
body :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, em, small, li, dt, dd, label, legend, button, input, select, textarea, option) {
  font-family: var(--quaotea-font-sans) !important;
}

body :where(
  .script-font,
  .text-texture,
  .text-rotation,
  .lac-contact-title,
  .main-title,
  .hero-title,
  .section-title,
  .title,
  .heading,
  [data-split-characters],
  [data-split-words],
  [data-split-lines],
  [data-animate-fade-up],
  [data-animate-title],
  [class*="font-display"],
  [class*="font-script"],
  [class*="font-body"]
),
body :where(
  .script-font *,
  .text-texture *,
  .text-rotation *,
  .lac-contact-title *,
  .main-title *,
  .hero-title *,
  .section-title *,
  [data-split-characters] *,
  [data-split-words] *,
  [data-split-lines] *,
  [data-animate-title] *
) {
  font-family: var(--quaotea-font-sans) !important;
}

body :where(.script-font, .text-texture, .text-rotation, .lac-contact-title) {
  letter-spacing: 0 !important;
  line-height: 1.02;
}

.lac-app-page,
.lac-app-page input,
.lac-app-page button,
.lac-app-page select,
.lac-app-page textarea,
.lac-app-page option {
  font-family: var(--quaotea-font-sans) !important;
}