/* src/styles.scss */
:root {
  --background-color-body: #F1F1F1;
  --background-color-main: #f3f3f1;
  --background-color-menu: #eeeeee;
  --background-color-modal: rgba(0, 0, 0, 0.7);
  --border-dark: 1px solid #000;
  --border-default: 1px solid rgba(0, 0, 0, 0.1);
  --border-default-light: 1px solid rgba(255, 255, 255, 0.1);
  --border-default-lighter: 1px solid rgba(0, 0, 0, 0.05);
  --border-error: 2px solid red;
  --border-primary: 1px solid var(--color-primary);
  --border-radius-default: 10px;
  --border-radius-big: 40px;
  --border-radius-half: 50%;
  --box-shadow-default: 0px 16px 32px 4px rgba(0, 0, 0, 0.12);
  --box-shadow-button-default: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  --color-primary: #8308ff;
  --color-primary-dark: #683dbe;
  --color-primary-opacity: #8308ff30;
  --color-primary-light: #f3e7fe;
  --color-secondary: #44933D;
  --color-secondary-dark: #3B7F35;
  --color-secondary-light: #FFF1BF;
  --color-secondary-lighter: #fff8e0;
  --color-light: #fff;
  --color-lighter: #f1f1f1;
  --color-light-dark: rgba(0, 0, 0, 0.05);
  --color-light-dark-opacity: rgba(255, 255, 255, 0.08);
  --color-dark: #000;
  --color-darker: rgba(0, 0, 0, 0.13);
  --color-darkerx: rgba(0, 0, 0, 0.8);
  --color-dark-light: rgba(0, 0, 0, 0.2);
  --color-dark-lighter: rgba(0, 0, 0, 0.4);
  --color-logo: #8308ff;
  --color-logo-dark: #683dbe;
  --font-size-default: 10pt;
  --font-family-primary:
    "Open Sans",
    "Source Sans Pro",
    "Poppins",
    "Montserrat",
    "Roboto",
    "Lato",
    "Inter",
    sans-serif;
  --padding-default: 20px;
  --padding-default-max: 40px;
  --padding-default-min: 10px;
  --color-success: #419e39;
  --color-error: #ff4747;
  --color-error-dark: #db3a3a;
  --color-error-darker: #3c1717;
  --color-info: #ffe482;
  --text-error: var(--color-error);
  --text-success: var(--color-success);
  --width-default: 500px;
}
html,
body {
  color: var(--color-dark);
  font-size: var(--font-size-default);
  margin: 0;
  padding: 0;
  scrollbar-color: var(--color-dark-light) transparent;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -webkit-locale: "en";
  font-family: var(--font-family-primary);
  margin: 0;
  padding: 0;
  tab-size: 4;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */