@use "../../themes/ionic/ionic.globals.scss" as globals;

html {
  font-family: globals.$ion-font-family;
}

// Dynamic Type is an iOS-only feature, so
// this should only be enabled on iOS devices.
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px #{globals.$ion-font-family});
    font-family: globals.$ion-font-family;
  }
}

body {
  @include globals.typography(globals.$ion-body-md-regular);
}

/* Override html headings based on heading tokens */
h1 {
  @include globals.typography(globals.$ion-heading-h1-regular);
}

h2 {
  @include globals.typography(globals.$ion-heading-h2-regular);
}

h3 {
  @include globals.typography(globals.$ion-heading-h3-regular);
}

h4 {
  @include globals.typography(globals.$ion-heading-h4-regular);
}

h5 {
  @include globals.typography(globals.$ion-heading-h5-regular);
}

h6 {
  @include globals.typography(globals.$ion-heading-h6-regular);
}