/* variables */
/* @see https://www.materialpalette.com/purple/pink */
/* @see https://materialui.co/flatuicolors */
/* default theme: BLUE GREY + PINK */
:root {
  /* font */
  --main-font-size: 16px;
  --main-font-family: Arial, Helvetica, sans-serif;

  /* main palette colors */
  --main-dark-primary-color: #303F9F;
  --main-light-primary-color: #F5F5F5;
  --main-primary-color: #3F51B5;
  --main-primary-icon-color: white;
  --main-accent-color: #2FB2CF; /* OLD_DESIGN */
  --main-primary-text-color: #212121;
  --main-secondary-text-color: #757575;
  --main-divider-color: #E0E0E0;

  /* main colors */
  --main-negative-color: #C0392B;
  --main-warning-color: #E65100;
  --main-info-color: #2980B9;
  --main-positive-color: #27AE60;

  /* custom colors */
  /*--custom-gray-color: #e5e5e5;*/
  --custom-gray-color: #f0f0f0;
  --custom-darkgray-color: #BDBDBD;
  --custom-lightgray-color: #EEEEEE;
  --custom-lightgreen-color: #71BC78;
  --custom-old-yellow-color: #d0c866;
  --custom-old-header-color: #404040;
  --custom-old-dark-header-color: #333333;
  --custom-old-pink-color: #aa6666;

  /* sizes */
  --main-font-size-xs: 0.6rem;
  --main-font-size-sm: 0.85rem;

  --main-margin-xs: 0.3rem;
  --main-margin-sm: 0.5rem;
  --main-margin-md: 1rem;
  --main-margin-lg: 1.5rem;
  --main-margin-xl: 2rem;
}