:root {
  /* Fonts */
  --font-body: "Roboto", sans-serif;
  --font-code: "Ubuntu Mono", monospace;

  /* Colours */
  --color-purple-100: #8053b0;
  --color-purple-50: #b69ecf;
  --color-green-100: #1bbe73;
  --color-blue-100: #0266d6;
  --color-grey-100: #717b8d;
  --color-orange-100: #FF5722;

  /* Dimensions */
  --dimension-section-gap: 70px;
  --dimension-page-padding: 12px;
  --dimension-border-radius: 6px;

  /* Top */
  --dimension-top-h1: 57px;
  --dimension-top-p: 39px;
  --dimension-top-code: var(--dimension-top-p);
  --dimension-top-aside: 24px;

  /* Middle */
  --dimension-middle-h1: 45px;
  --dimension-middle-p: 31px;
  --dimension-middle-code: var(--dimension-middle-p);
  --dimension-middle-aside: 20px;

  /* Bottom */
  --dimension-bottom-h1: 31px;
  --dimension-bottom-p: 21px;
  --dimension-bottom-code: 22px;
  --dimension-bottom-aside: 15px;
}