/* ----------------------------------
   Theme Font Variables
----------------------------------- */

/* Base document */
html,
body {
  font-family: var(--body-font, var(--stitch-body-font, var(--stitch-font-fallback, sans-serif)));
  font-size: var(--theme-body-font-size, 16px);
  font-weight: var(--theme-body-font-weight, 400);
  line-height: 1.6;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font, var(--stitch-heading-font, var(--body-font, var(--stitch-body-font, var(--stitch-font-fallback, sans-serif)))));
  font-size: var(--theme-title-font-size, 48px);
  font-weight: var(--theme-title-font-weight, 700);
  line-height: 1.25;
}

/* Paragraphs and text elements */
p,
span,
li,
a,
input,
button,
label {
  font-family: var(--body-font, var(--stitch-body-font, var(--stitch-font-fallback, sans-serif)));
  font-size: var(--theme-body-font-size, 16px);
  font-weight: var(--theme-body-font-weight, 400);
}

/* Optional refinement */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}