:root {
  /* Font Family */
  --font-family-sans-serif: "Roboto", sans-serif;

  /* Font Weight */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Font Size */
  --font-size-tiny: 14px;
  --font-size-small: 16px;
  --font-size-regular: 20px;
  --font-size-medium: 32px;
  --font-size-large: 48px;
  --font-size-huge: 64px;

  /* Line height */
  --font-line-height-tiny: 30px;
  --font-line-height-small: 30px;
  --font-line-height-regular: 30px;
  --font-line-height-medium: 38px;
  --font-line-height-large: 64px;
  --font-line-height-huge: 70px;

/* Font Resets */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  word-break: break-word;
  font-family: var(--font-family-sans-serif);
  font-weight: var(--font-weight-bold);
}