:root {
  --color-white: #fefefe;
  --color-black: #3c3c3c;
  --color-red: #e30816;
  --color-gray: #efefef;
  --color-border: rgba(60, 60, 60, 0.2);

  --font-main: "Roboto Condensed", sans-serif;

  --font-size-h1: 4.8rem;
  --font-weight-h1: 500;
  --line-height-h1: 1.2;

  --font-size-h2: 4rem;
  --font-weight-h2: 500;
  --line-height-h2: 1.2;

  --font-size-h3: 2.4rem;
  --font-weight-h3: 450;
  --line-height-h3: 1.2;

  --font-size-body: 1.6rem;
  --line-height-body: 1.2;

  --font-size-article: 1.8rem;
  --line-height-article: 1.4;

  --font-size-small: 1.4rem;
  --line-height-small: 1;

  --spacing-after-page-title: 6.4rem;
  --spacing-paragraph: 3.2rem;

  --container-width: 160rem;
  --content-column-width: 100.8rem;
  --content-column-width-narrow: 75.6rem;
  --content-padding: 4rem;
  --page-padding-inline: var(--content-padding);
}