/* Complete type roles — always set family, weight, style, size, height */

.type-hero-title {
  font-family: var(--type-hero-title-family);
  font-weight: var(--type-hero-title-weight);
  font-style: var(--type-hero-title-style);
  font-size: var(--type-hero-title-size);
  line-height: var(--type-hero-title-height);
}

.type-hero-role {
  font-family: var(--type-hero-role-family);
  font-weight: var(--type-hero-role-weight);
  font-style: var(--type-hero-role-style);
  font-size: var(--type-hero-role-size);
  line-height: var(--type-hero-role-height);
}

.type-hero-lead {
  font-family: var(--type-hero-lead-family);
  font-weight: var(--type-hero-lead-weight);
  font-style: var(--type-hero-lead-style);
  font-size: var(--type-hero-lead-size);
  line-height: var(--type-hero-lead-height);
}

.type-section-title {
  font-family: var(--type-section-title-family);
  font-weight: var(--type-section-title-weight);
  font-style: var(--type-section-title-style);
  font-size: var(--type-section-title-size);
  line-height: var(--type-section-title-height);
}

.type-accent-title {
  font-family: var(--type-accent-title-family);
  font-weight: var(--type-accent-title-weight);
  font-style: var(--type-accent-title-style);
  font-size: var(--type-accent-title-size);
  line-height: var(--type-accent-title-height);
}

.type-accent-word {
  font-family: var(--type-accent-word-family);
  font-weight: var(--type-accent-word-weight);
  font-style: var(--type-accent-word-style);
  font-size: var(--type-accent-word-size);
  line-height: var(--type-accent-word-height);
}

.type-lead {
  font-family: var(--type-lead-family);
  font-weight: var(--type-lead-weight);
  font-style: var(--type-lead-style);
  font-size: var(--type-lead-size);
  line-height: var(--type-lead-height);
}

.type-body {
  font-family: var(--type-body-family);
  font-weight: var(--type-body-weight);
  font-style: var(--type-body-style);
  font-size: var(--type-body-size);
  line-height: var(--type-body-height);
}

.type-nav {
  font-family: var(--type-nav-family);
  font-weight: var(--type-nav-weight);
  font-style: var(--type-nav-style);
  font-size: var(--type-nav-size);
  line-height: var(--type-nav-height);
}

.type-button {
  font-family: var(--type-button-family);
  font-weight: var(--type-button-weight);
  font-style: var(--type-button-style);
  font-size: var(--type-button-size);
  line-height: var(--type-button-height);
}

.type-chip {
  font-family: var(--type-chip-family);
  font-weight: var(--type-chip-weight);
  font-style: var(--type-chip-style);
  font-size: var(--type-chip-size);
  line-height: var(--type-chip-height);
}

.type-card-title {
  font-family: var(--type-card-title-family);
  font-weight: var(--type-card-title-weight);
  font-style: var(--type-card-title-style);
  font-size: var(--type-card-title-size);
  line-height: var(--type-card-title-height);
}

.type-card-meta {
  font-family: var(--type-card-meta-family);
  font-weight: var(--type-card-meta-weight);
  font-style: var(--type-card-meta-style);
  font-size: var(--type-card-meta-size);
  line-height: var(--type-card-meta-height);
}

.type-card-tools {
  font-family: var(--type-card-tools-family);
  font-weight: var(--type-card-tools-weight);
  font-style: var(--type-card-tools-style);
  font-size: var(--type-card-tools-size);
  line-height: var(--type-card-tools-height);
}

.type-card-blurb {
  font-family: var(--type-card-blurb-family);
  font-weight: var(--type-card-blurb-weight);
  font-style: var(--type-card-blurb-style);
  font-size: var(--type-card-blurb-size);
  line-height: var(--type-card-blurb-height);
}

.type-logo-nav {
  font-family: var(--type-logo-nav-family);
  font-weight: var(--type-logo-nav-weight);
  font-style: var(--type-logo-nav-style);
  font-size: var(--type-logo-nav-size);
  line-height: var(--type-logo-nav-height);
}

.type-logo-footer {
  font-family: var(--type-logo-footer-family);
  font-weight: var(--type-logo-footer-weight);
  font-style: var(--type-logo-footer-style);
  font-size: var(--type-logo-footer-size);
  line-height: var(--type-logo-footer-height);
}

.type-footer-prompt {
  font-family: var(--type-footer-prompt-family);
  font-weight: var(--type-footer-prompt-weight);
  font-style: var(--type-footer-prompt-style);
  font-size: var(--type-footer-prompt-size);
  line-height: var(--type-footer-prompt-height);
}

.type-footer-link {
  font-family: var(--type-footer-link-family);
  font-weight: var(--type-footer-link-weight);
  font-style: var(--type-footer-link-style);
  font-size: var(--type-footer-link-size);
  line-height: var(--type-footer-link-height);
}

.type-footer-email {
  font-family: var(--type-footer-email-family);
  font-weight: var(--type-footer-email-weight);
  font-style: var(--type-footer-email-style);
  font-size: var(--type-footer-email-size);
  line-height: var(--type-footer-email-height);
}

.type-footer-credit {
  font-family: var(--type-footer-credit-family);
  font-weight: var(--type-footer-credit-weight);
  font-style: var(--type-footer-credit-style);
  font-size: var(--type-footer-credit-size);
  line-height: var(--type-footer-credit-height);
}

.type-partners {
  font-family: var(--type-partners-family);
  font-weight: var(--type-partners-weight);
  font-style: var(--type-partners-style);
  font-size: var(--type-partners-size);
  line-height: var(--type-partners-height);
}

.type-ui-small {
  font-family: var(--type-ui-small-family);
  font-weight: var(--type-ui-small-weight);
  font-style: var(--type-ui-small-style);
  font-size: var(--type-ui-small-size);
  line-height: var(--type-ui-small-height);
}