/**
 * @file
 * Font Families: UoA design system typography tokens.
 *
 * The site uses one font family, --uoa-font-family-base. It is set by the
 * dit_theme/font.* library that dit_theme_preprocess_html() attaches for
 * `dit_font_family` in dit_theme.info.yml. Do not name a font family anywhere
 * else: use these tokens.
 *
 * All other typography tokens (weights, line heights, sizes, the code stack)
 * come unchanged from the design system: css/vendor/uoa-tokens.css. Only the
 * family tokens are overridden here. The design system's display serif
 * (Katsoulidis) is commercial and was not adopted, so display uses the same
 * single family.
 */

:root {
  --uoa-font-family-body: var(--uoa-font-family-base, system-ui), system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --uoa-font-family-heading: var(--uoa-font-family-body);
  --uoa-font-family-display: var(--uoa-font-family-body);

  /* basecore and Bootstrap read these; point them at the tokens. */
  --mt-pff: var(--uoa-font-family-body);
  --mt-hff: var(--uoa-font-family-heading);
  --mt-sff: var(--uoa-font-family-body);
  --mt-slff: var(--uoa-font-family-body);
  --bs-body-font-family: var(--uoa-font-family-body);
  --bs-font-sans-serif: var(--uoa-font-family-body);
  --bs-font-monospace: var(--uoa-font-family-code);
}

h1,
h2,
h3,
h4,
h5,
h6,
.tp-caption__title,
.tp-caption__subtitle,
.field--name-field-mt-highlight-title,
.nav-tab__title,
.views-field-field-mt-price,
a.mt-button,
.mt-button > a,
input[type='submit'],
input[type='reset'],
input[type='button'],
.field--name-field-mt-prd-buy-link,
.field--name-field-mt-srv-link,
.field--name-field-mt-highlight-link,
.page-node-type-mt-product .page-title,
.field__label,
.field--name-field-mt-fg-group-title.field,
.field--name-field-mt-hero-v2-title,
.field--name-field-mt-hero-form-title {
  font-family: var(--mt-hff);
}

:root body {
  font-family: var(--mt-pff);
}

:root body .site-name {
  font-family: var(--mt-sff);
}

:root body .site-slogan {
  font-family: var(--mt-slff);
}

/* Beats basecore elements.css (Source Code Pro, which is no longer loaded). */
:root :is(code, pre, kbd, samp) {
  font-family: var(--uoa-font-family-code);
}

/* Form controls do not inherit the page font by default. */
:is(button, input, select, textarea, optgroup) {
  font-family: inherit;
}