@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* One family for the app, client portal and standalone print documents.
   Important declarations in a layer outrank legacy unlayered overrides. */
@layer typography {
  :root {
    --font-ui: 'Inter', Arial, Helvetica, sans-serif;
    --font-sans: var(--font-ui) !important;
    --font-condensed: var(--font-ui) !important;
    --font-mono: var(--font-ui) !important;
    --font-main: var(--font-ui) !important;
    --font-numbers: var(--font-ui) !important;
    --mono: var(--font-ui) !important;
  }
  html, body, body * {
    font-family: var(--font-ui) !important;
  }
  table, input[type=number], .metric, .amount, .percentage {
    font-variant-numeric: tabular-nums;
  }
}