:root {
  --global-width: 73.125rem;
  --global-lineheight: 1.5;
  --global-margin: 2rem;
  --global-padding: 2rem;
  --body-background: hsl(0, 0%, 96%);
  --body-font-family: Arial, sans-serif;
  --body-color: hsl(0, 0%, 27%);
  --primary-color: hsl(208, 100%, 22%);
  --primary-color-hover: hsl(208, 100%, 32%);
  --secondary-color: hsl(286, 24%, 58%);
  --secondary-color-hover: hsl(286, 24%, 44%);
  --accent-color: hsl(208, 100%, 37%);
  --accent-color-hover: hsl(208, 90%, 27%);
  --alert-color: hsl(0, 100%, 33%);
  --alert-color-hover: hsl(0, 90%, 23%);
  --success-color: hsl(128, 29%, 70%);
  --success-color-hover: hsl(128, 39%, 80%);
  --warning-color: hsl(24, 100%, 56%);
  --warning-color-hover: hsl(24, 90%, 46%);
  --custom-color: hsl(215, 54%, 36%);
  --custom-color-hover: hsl(215, 54%, 48%);
  --favorite: hsl(338, 87%, 55%);
  --header-font-family: Tahoma, Arial, sans-serif;
  --header-color: var(--primary-color);
  --header-lineheight: 1.3;
  --medium-h1-font-size: 30px;
  --medium-h2-font-size: 26px;
  --medium-h3-font-size: 20px;
  --medium-h4-font-size: 18px;
  --medium-h5-font-size: 16px;
  --large-h1-font-size: 34px;
  --large-h2-font-size: 28px;
  --large-h3-font-size: 22px;
  --large-h4-font-size: 18px;
  --large-h5-font-size: 17px;
  --paragraph-font-size: 16px;
  --small-font-size: 14px;
  --topbar-background-top: var(--secondary-color);
  --topbar-background: var(--primary-color);
  --topbar-submenu-background: var(--accent-color);
  --topbar-link: hsl(0, 0%, 100%);
  --topbar-link-active: hsl(0, 0%, 100%);
  --topbar-background-active: var(--accent-color);
  --footer-background-top: var(--secondary-color);
  --footer-background: var(--primary-color);
  --footer-icon: var(--accent-color);
  --footer-link: hsl(0, 0%, 96%);
  --footer-link-hover: var(--secondary-color-hover);
  --callout-background-color: hsl(202, 25%, 92%);
}

/*# sourceMappingURL=colors_default.css.map */