/* Shared type system: OffBit for display text, Artific Regular everywhere else. */
html,
body,
body.classroom-app,
body.sequence-page,
body.timetable-app,
body.legal-page {
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}

body :is(button, input, select, textarea) {
  font-family: var(--body-font) !important;
}

body :is(button, input, select, textarea):not(.timetable-title),
body :is(p, li, label, legend, summary, td, th, small) {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-letter-spacing) !important;
}

body :is(h1, h2, h3, h4, h5, h6),
body :is(h1, h2, h3, h4, h5, h6) *,
body :is(.wordmark, .page-home-link, .classroom-home-link, .timetable-title,
  .tools-menu-heading, .dock-panel-heading, .column-number, .subject-number,
  #text-container, #text-container *) {
  font-family: 'OffBit', monospace !important;
  letter-spacing: 0 !important;
}

/* Font Awesome is an icon font, not interface copy. */
body :is(.fa, .fas, .far, .fab)::before {
  font-family: FontAwesome;
}

body.timetable-app > .action-bar {
  background: #fff !important;
}