@import "./theme-codecraftsmen-light.css" (prefers-color-scheme: light);
@import "./theme-codecraftsmen-dark.css" (prefers-color-scheme: dark);

html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px 30px;
}

html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo img {
  visibility: hidden;
  width: 60px;
  height: 30px;
}

html[data-theme="codecraftsmen-auto"] .page-content.home img.logo {
  display: none;
}

html[data-theme="codecraftsmen-auto"] .page-content.home .center:has(> img.logo)::before {
  content: "";
  display: block;
  width: 220px;
  height: 220px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (prefers-color-scheme: light) {
  html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
    background-image: url("../img/logo-light-no-slogan.svg");
  }

  html[data-theme="codecraftsmen-auto"] .page-content.home .center:has(> img.logo)::before {
    background-image: url("../img/logo-light.svg");
  }
}

@media (prefers-color-scheme: dark) {
  html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
    background-image: url("../img/logo-dark-no-slogan.svg");
  }

  html[data-theme="codecraftsmen-auto"] .page-content.home .center:has(> img.logo)::before {
    background-image: url("../img/logo-dark.svg");
  }
}

gitea-theme-meta-info {
  --theme-display-name: "CodeCraftsmen Auto";
  --theme-color-scheme: "auto";
}