/* ECIS typography system.
 * Headings: Varela Round
 * Body/UI: Varela
 */

:root {
  --ecis-font-body: "Varela", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ecis-font-heading: "Varela Round", "Varela", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body,
button,
input,
textarea,
select,
.wp-site-blocks,
.editor-styles-wrapper {
  font-family: var(--ecis-font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper .wp-block-heading {
  font-family: var(--ecis-font-heading) !important;
}

/* Keep navigation, buttons, labels and utility copy in the body face. */
.wp-block-navigation,
.wp-block-button,
.ecis-eyebrow,
.process-tag,
.ecis-investment-card__index,
.ecis-system-hub span {
  font-family: var(--ecis-font-body) !important;
}