/* The one type scale for the apps customers use (2026-10-31): the planner
   and myaccount, at /fonts/type.css after /fonts/fonts.css (the fonts).

   The scale — five sizes, three weights, no others
   (tests/unit/type-scale.test.js):
     12 px  secondary text, table headers and labels (600, grey), counts, chips
     14 px  body text, table cells, buttons, tabs, form labels, dialog text
     16 px  section headings, dialog titles (600)
     18 px  report titles (600)
     22 px  page titles, big figures (600)
   Weights: 400 text · 500 emphasis and buttons · 600 headings and labels.
   Labels in normal case, never forced to capitals. */
:root {
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.375rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
}

/* Base rules every app shares. Browsers draw these at 700 and form controls
   in their own default font (Arial on most systems); the scale's heaviest
   weight is 600, and every control uses the page's font. */
h1, h2, h3, h4, h5, h6, b, strong, th { font-weight: var(--font-weight-semibold); }
th { font-size: var(--font-xs); }   /* table headers: 12 px, 600, normal case, in every table */
button, input, select, textarea { font-family: inherit; }
table { font-variant-numeric: tabular-nums; }