/* QShell typography tokens — DM Sans everywhere (index.html loads it from Google Fonts).
   Type scale observed in the codebase (font-size/line-height, weight):
   20/24 500  — page + profile titles (.title, .name)
   16/20 500  — modal titles, section names, tenant row
   14/18 500  — primary button label
   14/20 400  — inputs, selects
   14/24 400  — body/description text
   13/16 500  — form field labels
   12/16 500  — secondary buttons, tooltips, badges
*/
:root {
  --font-family: 'DM Sans', sans-serif;
  --text-title: 500 20px/24px var(--font-family);
  --text-subtitle: 500 16px/20px var(--font-family);
  --text-button: 500 14px/18px var(--font-family);
  --text-input: 400 14px/20px var(--font-family);
  --text-body: 400 14px/24px var(--font-family);
  --text-label: 500 13px/16px var(--font-family);
  --text-small: 500 12px/16px var(--font-family);
}