@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --primary-bg: #F2F6FF;
  --primary-box-shadow: #bbc1cd65;
  --dark-accent: black;
  --primary-font-color: black;
  --secondary-font-color: white;
  --component-bg: white;
  --border-color: white;
  --outline-color: #C5C5C5;
  --inverted-color: white;

  /* fonts */
  --default-font: "Montserrat", sans-serif;
  --inter-font: "Inter", sans-serif;
}

.dark{
  --primary-bg: #1C1F26;
  --primary-font-color: white;
  --component-bg: #434343;
  --border-color: #8f8f8f9c;
  --primary-box-shadow: #bbc1cd00;
  --secondary-font-color: white;
  --outline-color: #C5C5C5;
  --inverted-color: black;
}

*{
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
}


body{
  background: var(--primary-bg);
  height: 100svh;
  width: 100svw;
  font-family: var(--default-font);
  transition: .8s;
}