@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  --font-family-base: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Scale */
  --font-size-xs:   11px;
  --font-size-sm:   12px;
  --font-size-caption: 13px;
  --font-size-base: 14px;
  --font-size-md:   16px;
  --font-size-lg:   18px;
  --font-size-xl:   20px;
  --font-size-2xl:  28px;
  --font-size-3xl:  36px;

  /* Weights */
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;

  /* Line heights */
  --line-height-tight:   1.3;
  --line-height-base:    1.6;
  --line-height-relaxed: 1.8;

  /* Letter spacing */
  --letter-spacing-caps: 0.5px;
}