:root {
  /* Body */
  --body-background-color: #f5f5f5;
  --body-title-color: #000000;
  --body-text-color: #0c1315;
  /* Message bar */
  --message-bar-background-color: #000000;
  --message-bar-text-color: #ffffff;
  /* Hero */
  --hero-background-image: url("");
  --hero-text-color: #000000;
  /* Bottom bar */
  --bottom-bar-background-color: #020511;
  --bottom-bar-text-color: #ffffff;
  /* Footer */
  --footer-background-color: #305c66;
  --footer-text-color: #ffffff;
  /* Button */
  --button-background-color: #cb4f53;
  --button-hover-background-color: #cb4f53;
  --button-text-color: #ffffff;
  --button-hover-text-color: #ffffff;
  /* Link */
  --link-color: #cb4f53;
  --link-hover-color: #be4c50;
  /* Breadcrumbs */
  --breadcrumb-background-color: #ffffff;
  --breadcrumb-text-color: #000000;
  /* Filter */
  --filter-background-color: #e1e8e7;
  --filter-icons-color: #ffffff;
  --checkbox-color: #cb4f53;
  --radio-button-color: #cb4f53;
  --filter-text-color: #000000; }