:root {
  /* for helpers */
  --sp1: 0.5rem;
  --sp2: 1rem;
  --sp3: 2rem;
  --sp4: 4rem;

  /* for styles, typography */
  --textDark: 51, 51, 51;
  --textLight: 255, 255, 255;
  --links: 255, 153, 0;

  /* for styles */
  --pageFrame: 1320px;
  --pageFramePadding: 30px;
  --maxWidth: 2000px;
  --padLess: 0.75rem;
  --padNorm: 5rem;
  --padMore: 9rem;

  /* typography */
	--avenir: avenir-lt-pro, sans-serif;

  /* H1 Style */
  --h1-font-family: var(--avenir);
  --h1-font-size: 70px;
  --h1-font-weight: 800;
  --h1-line-height: 100%;

  /* H2 Style */
  --h2-font-family: var(--avenir);
  --h2-font-size: 40px;
  --h2-font-weight: 800;
  --h2-line-height: 100%;

  /* H3 Style */
  --h3-font-family: var(--avenir);
  --h3-font-size: 30px;
  --h3-font-weight: 300;
  --h3-line-height: 100%;

  /* H4 Style */
  --h4-font-family: var(--avenir);
  --h4-font-size: 25px;
  --h4-font-weight: 300;
  --h4-line-height: 160%;

  /* H5 Style */
  --h5-font-family: var(--avenir);
  --h5-font-size: 20px;
  --h5-font-weight: 400;
  --h5-line-height: 150%;

  /* H6 Style */
  --h6-font-family: var(--avenir);
  --h6-font-size: 14px;
  --h6-font-weight: 800;
  --h6-line-height: 143%;

  /* Paragraph */
  --paragraph-font-family: var(--avenir);
  --paragraph-font-size: 18px;
  --paragraph-font-weight: 400;
  --paragraph-line-height: 144%;
}