html {
  font-family: var(--font-family-body);
  font-size: 100%;
  line-height: var(--line-height-body);
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

h1, h2, h3, h4, h5, h6,
.page-title,
.settings-section-title {
  font-family: var(--font-family-heading);
}

.page-title {
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

label,
.form-label {
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
}

::selection {
  background: var(--color-selection);
  color: var(--color-text);
}

:disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
}