:root {
  --background: white;
  --secondary: #f4f5f6;
  --borders: #e4e4e4;
  --links: #9a36d8;
  --foreground: #606c76;
}

[data-theme="dark"] {
  .profile {
    filter: invert(1);
  }

  --background: #212123;
  --links: #c181e8;
  --secondary: #1c1c1c;
  --borders: #3c3838;
  --foreground: rgb(236, 235, 235);
}

body {
  margin: 0;
  background-color: var(--background);
  color: var(--foreground);
}

a {
  color: var(--links);
}

@import "nav.scss";
@import "landing.scss";
@import "project.scss";
@import "contact.scss";
@import "footer.scss";

@import "binas.scss";
@import "upload.scss";
@import "page.scss";