@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: swap; src: url('../assets/oswald-normal.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../assets/montserrat-normal.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url('../assets/montserrat-italic.woff2') format('woff2'); }

html:root {
  --brand-blue: #6ec1e4;
  --text-body: 0.875rem;
  /* The original Elementor site is a boxed 1590px container with about 15px side padding below that width */
  --site-width: 99.375rem;
  --gutter: 1rem;
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --tracking-heading: 0.3em;
  --tracking-eyebrow: 0.47em;
  --hairline: 1px solid color-mix(in srgb, var(--base) 18%, transparent);
  --heading-font-family: var(--font-heading);
  --text-font-family: var(--font-body);
}

html body {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: var(--text-body);
  line-height: 2;
  color: var(--base);
  background-color: var(--white);
  letter-spacing: 0.043em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

html body :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading);
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: var(--tracking-heading);
  text-transform: uppercase;
  color: var(--primary);
  text-wrap: balance;
}

html body :is(p, li, address) { font-size: inherit; line-height: inherit; }
html body strong { font-weight: 500; }
html body :where(main) a:not([class]) { color: var(--primary); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
html body :where(main) a:not([class]):hover { text-decoration-color: currentColor; }
html body :focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }