/* Theme-level heading tiers, shared by desktop and mobile. */
html[data-ui-theme] {
  --sm-title-1-size: 1.5rem;
  --sm-title-2-size: 1.25rem;
  --sm-title-3-size: 1.0625rem;
  --sm-title-weight: 600;
}
html[data-ui-theme="administration"] {
  --sm-title-1-size: 1.25rem;
  --sm-title-2-size: 1.0625rem;
  --sm-title-3-size: .95rem;
}
html[data-ui-theme] body :is(h1, .h1) { font-size: var(--sm-title-1-size); }
html[data-ui-theme] body :is(h2, .h2) { font-size: var(--sm-title-2-size); }
html[data-ui-theme] body :is(h3, .h3) { font-size: var(--sm-title-3-size); }
html[data-ui-theme] body :is(h1, h2, h3, .h1, .h2, .h3) {
  font-family: var(--tblr-font-sans-serif);
  font-weight: var(--sm-title-weight);
  line-height: 1.3;
  letter-spacing: normal;
}
/* Navigation has a compact scale, consistent for each hierarchy tier. */
.app-sidebar [data-menu-tier="1"] { --sm-nav-title-size: .875rem; --sm-nav-title-weight: 600; }
.app-sidebar [data-menu-tier="2"] { --sm-nav-title-size: .8125rem; --sm-nav-title-weight: 600; }
.app-sidebar [data-menu-tier="3"] { --sm-nav-title-size: .8125rem; --sm-nav-title-weight: 400; }
.app-sidebar [data-menu-tier] > .theme-nav-parent,
.app-sidebar [data-menu-tier] > .theme-nav-parent > a,
.app-sidebar a[data-menu-tier] {
  font-family: var(--tblr-font-sans-serif);
  font-size: var(--sm-nav-title-size);
  font-weight: var(--sm-nav-title-weight);
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}
.admin-profile-menu .dropdown-header,
.tenant-user-menu .dropdown-header {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
}
