/* @define typography-variables */

:root {
  /* ------ Letter Spacing --------- */

  --letter-spacing: 1;
  --letter-spacing--uppercase: 0.12em;


  /* ------ Line Height Multipliers (For setting line height as a multiple of the current font size) --------- */

  --line-height-1: 1;
  --line-height-2: 1.125;
  --line-height-3: 1.25;
  --line-height-4: 1.5;


  /* ------ Font Sizes --------- */

  --font-size-body: 1rem;

  --font-size-display--lg: 3.5rem;
  --font-size-display--xl: calc(var(--font-size-display--lg) * 2);

  --font-size-h1: 3rem;
  --font-size-h2: 2.2rem;
  --font-size-h3: 1.875rem;
  --font-size-h4: 1.75rem;
  --font-size-h5: 1.5rem;
  --font-size-h6: 1.25rem;

  --font-size-subheading: 1.15rem;

  --font-size-caption: 0.875rem;

  --font-size-button: 1rem;
}