.theme-light {
  --header-bg: #f5f5f5;
  --header-text: #000;
  --header-opacity: 0.4;
  --burger-path: url("/static/home/img/burger_light.svg");
}

.theme-dark {
  --header-bg: #1e1e1e;
  --header-text: #fff;
  --header-opacity: 0.6;
  --burger-path: url("/static/home/img/burger_dark.svg");
}
body {
  margin: 0;
}
.header-link {
  color: var(--header-text);
}

a {
  text-decoration: none;
  color: #6366f1;
}
.burger:hover,
a:hover {
  opacity: var(--header-opacity);
}