:root {
  --font-base: 16px;
  --font-xxl: 22px;
  --font-lg: 18px;
  --font-md: 16px;
  --font-sm: 14px;
}

html {
  font-size: var(--font-base);
}

body {
  font-size: var(--font-md);
}

input,
select,
textarea,
button {
  font-size: var(--font-md) !important;
}

label,
summary,
p,
li,
a {
  font-size: var(--font-md);
}

h1 {
  font-size: var(--font-xxl) !important;
  line-height: 1.15;
}

h2 {
  font-size: var(--font-lg) !important;
}

h3 {
  font-size: var(--font-lg) !important;
}

th,
td {
  font-size: var(--font-sm);
}

.status {
  font-size: var(--font-md) !important;
}

.btn,
button {
  font-size: var(--font-md) !important;
}

.small,
.section-subtitle,
.panel-subtitle {
  font-size: var(--font-sm) !important;
}