:root {
  /* Font families */
  --font-family-lato: 'lato', sans-serif;

  /* Font sizes */
  --font-size-normal: 1.5rem; /* 24px at medium font size (16px) */

  /* Font weights */
  --font-weight-normal: 400;

  /* Line heights */
  --font-line-height-normal: 1.5;

  /* Typography */
  --font-text: var(--font-family-lato);
  --font-size-text: var(--font-size-normal);
  --font-weight-text: var(--font-weight-normal);
  --font-line-height-text: var(--font-line-height-normal);

  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;

  /* Color theme */
  --theme-background: var(--color-white);
  --theme-text: var(--color-black);

  /* Lengths */
  --length-small: 1rem;
  --length-normal: 3.25rem;
  --length-big: 4rem;

  /* Spacing */
  --space-header: var(--length-small) 0 var(--length-small) 0;
  --space-text: var(--length-normal) var(--length-big);
}