@font-face {
  font-family: 'Atlas Grotesk Web Regular';
  src: url('fonts/AtlasGrotesk/AtlasGrotesk-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos';
  src: url('fonts/Golos/GolosText-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos';
  src: url('fonts/Golos/GolosText-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --main-background: white;
  --main-text: black;
  --main-blue: #00AEEF;
  --form-bg: rgba(240, 239, 256, .2);
  --secondary-text: #B0B0B0;
  --blue-text: #42BBFF;
  --red-text: #F52D20;
  --green-text: #00DE73;
  --bg-blue: #315d88;
  --main-gray: rgb(219, 219, 219);
  --secondary-active: #364460;
  --secondary-active-transparent: rgba(54, 68, 96, .5);
  --green-member: #01FF69;
  --button-box-shadow: 0 0 10px 0 #01FE0180;
  --button-border: 1px solid #26DC38;
  --green-box-border: .5px solid #01FF6999;
  --green-box-background: linear-gradient(0deg, rgba(1, 255, 105, 0.03), rgba(1, 255, 105, 0.03));
  --green-button-primary: #8d5d35;
  --green-button-secondary: #8d4635;
  --pink-primary: #F635E0;
  --pink-secondary: #B401D4;
}