:root {
  --accent-color: #e24301;
}

header {
  background-image: url("../../img/eduVPN/logo.png");
  background-repeat: no-repeat;
  background-size: 169px 50px;
  min-height: calc(50px + 1em);
  background-position: 0%;
  line-height: calc(50px + 1em);
  margin: 1em 0;
}

header:lang(ar-MA) {
  background-position: 100%;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent-color: #e24301;
  }
  header {
    background-image: url("../../img/eduVPN/logo-dark.png");
  }
}