:root {
  --background-color: #E5E5E5;
  --primary-color-100: #293DE5;
  --primary-color-300: #293DE5;
  --primary-color-500: #293DE5;
  --primary-color-700: #293DE5;
  --primary-color-900: #293DE5;
  --secondary-color-100: #E09E00;
  --secondary-color-300: #E09E00;
  --secondary-color-500: #E09E00;
  --secondary-color-700: #E09E00;
  --secondary-color-900: #E09E00;
  --neutral-100: white;
  --neutral-300: whitesmoke;
  --neutral-500: #efefef;
  --neutral-700: #d2cece;
  --neutral-900: #666;
  --grey-100: #fbfbfb;
  --grey-300: #dbdbdb;
  --grey-500: #c5c5c5;
  --grey-700: #d2cece;
  --grey-900: #666;
  --black-700: #313131;
  --black-900: #1b1b1b;
  --red-100: #f2b0af;
  --red-300: #c74a48;
  --red-500: #c5413f;
  --red-700: #9a322f;
  --red-900: #791310;
  --green-100: #8fe4bb;
  --green-300: #52bf8a;
  --green-500: #41b37c;
  --green-700: #41b37c;
  --yellow-100: #f0d1a6;
  --yellow-300: #efae51;
  --yellow-500: #e6a446;
  --yellow-700: #cc8e37;
  --content-padding: 40px;
  --content-border: none;
  --content-shadow: 0px 1px 4px 0px #cacaca;
  --content-header-background-color: var(--primary-color-900);
  --content-header-text-color: white;
  --content-footer-background-color: whitesmoke;
  --content-body-background-color: #fffefe;
  --header-height: 80px;
  --header-color: white;
  --sidebar-width: 300px;
  --sidebar-color: white;
  --max-body-width: 1400px;
  --input-label-color: #484848;
  --input-value-color: #737373;
  --input-border-color: lightgrey;
  --input-max-width: 100%;
  --border-radius: 32px;
  --border-radius-large: 32px;
  --bold-weight: 700;
  --header-weight: 700;
  --font-family: "Manrope", sans-serif;
}

@media only screen and (max-width: 500px) {
  :root {
    --header-height: 68px;
    --content-padding: 20px;
  }
}/*# sourceMappingURL=variables.css.map */