:root {
  --font-family-primary: 'Fira Sans', 'Arial', sans-serif;
  --font-family-handwritten: 'Caveat Brush', 'Comic Sans', sans-serif;

  /* Old font size variables */
  --font-size: 16px;
  --font-size-s-1: var(--font-size-tiny);
  --font-size-m-1: var(--font-size-medium);
  --font-size-m-2: var(--font-size-large);
  --font-size-m-3: var(--font-size-x-large);
  --font-size-l-1: var(--font-size-xx-large);
  --font-size-l-2: var(--font-size-display-medium);
  --font-size-l-3: var(--font-size-display-large);

  /* New font size variables */
  --font-size: 16px;
  --font-size-tiny: 14px;
  --font-size-medium: 18px;
  --font-size-large: 20px;
  --font-size-x-large: 24px;
  --font-size-xx-large: 27px;
  --font-size-display-medium: 32px;
  --font-size-display-large: 40px;

  --font-weight-bold: 500;
  --font-weight-medium: 400;
  --font-weight-regular: 300;
  --font-weight-light: 100;
}