/* Shared type scale. Keep mobile text readable and respect browser text sizing. */
:root {
  --text-caption: .8125rem;
  --text-secondary: .875rem;
  --text-body: 1rem;
}
html { font-size: 100%; }
body { font-size: var(--text-body); line-height: 1.5; }
:where(button, input, select, textarea) {
  font: inherit;
  font-size: var(--text-body);
  line-height: 1.5;
}
:where(small) { font-size: var(--text-secondary); }