@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url(header.css);
@import url(sidebar.css);
@import url(main.css);
@import url(media.css);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

:root {
  --white-color: #fff;
  --black-color: #000;
  --light-white-color: #f0f0f0;
  --light-gray-color: #e5e5e5;
  --border-color: #d4d4d4;
  --primary-color: #3b82f6;
  --secondary-color: #404040;
  --overlay-dark-color: rgba(0, 0, 0, 0.6);
}

body.dark-theme {
  --white-color: #181818;
  --black-color: #f0f0f0;
  --light-white-color: #202020;
  --light-gray-color: #303030;
  --border-color: #383838;
  --secondary-color: #aaaaaa;
}

body {
  background: var(--white-color);
}