@cupcake-ds/cc-props/src/props.fonts.js

- [https://unpkg.com/@cupcake-ds/cc-props/](https://unpkg.com/@cupcake-ds/cc-props/) - [https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css](https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css) - [https://unpkg.com/@cupcake-ds/cc-props/normalize.m

export default {
  '--font-family': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',
  '--font-serif': 'ui-serif,serif',
  '--font-family-mono': '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',

  '--font-weight-heavy': '900',
  '--font-weight-bold': '700',
  '--font-weight-semibold': '600',
  '--font-weight-normal': '400',
  '--font-weight-light': '300',

  '--line-height-xs': '16px',
  '--line-height-sm': '24px',
  '--line-height-md': '32px',
  '--line-height-lg': '40px',

  '--font-size-0': '10px',
  '--font-size-1': '11px',
  '--font-size-2': '12px',
  '--font-size-3': '14px',
  '--font-size-4': '16px',
  '--font-size-5': '18px',
  '--font-size-6': '20px',
  '--font-size-7': '24px',
  '--font-size-8': '36px',

  '--font-size-fluid-0': 'clamp(.75rem, 2vw, 1rem)',
  '--font-size-fluid-1': 'clamp(1rem, 4vw, 1.5rem)',
  '--font-size-fluid-2': 'clamp(1.5rem, 6vw, 2.5rem)',
  '--font-size-fluid-3': 'clamp(2rem, 9vw, 3.5rem)',
}