:root {
  color-scheme: light dark;
}
body {
  --admin-color-base: light-dark(ghostwhite, #161616);
  --admin-color-foreground: light-dark(#161616, #f8f8ff);
  --admin-color-light: light-dark(ghostwhite, #313131);
  --accent-color: light-dark(navy, royalblue);
  --admin-color-dark: light-dark(#ffffff, #161616);
  background: linear-gradient(
    169deg,
    var(--admin-color-light),
    var(--admin-color-dark)
  ) !important;
}

#login {
    padding-top: 3% !important;
}

#login h1,
.login h1 {
  padding-block: 2rem;
  margin-bottom: 2rem;
  background-color: white;
  border-radius: 9px;
  border: 1px solid #c3c4c7;
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.3);
}

#login h1 a,
.login h1 a {
  background-image: url("/wp-content/themes/artificial-system/assets/images/AS-logo-512-full-dark.svg");
  height: clamp(11rem, 15vw, 15rem);
  width: 100%;
  margin-bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.login #backtoblog a,
.login #nav a {
  color: var(--admin-color-foreground);
}

.wp-core-ui .button-primary {
  background: var(--accent-color);
  border: none;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  transition: all 0.2s linear !important;
}

.wp-core-ui .button-primary:hover {
  background: lime !important;
  border-color: lime !important;
  color: #000 !important;
}

input[type="checkbox"]:checked::before {
  color: var(--admin-color-light) !important;
}

.login #loginform {
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.3) !important;
  border-radius: 9px;
}

.login #login_error {
  border-left: 4px solid tomato !important;
}

.login .message,
.login .notice,
.login .success {
  border-radius: 5px;
  border: 1px solid #c3c4c7;
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.3) !important;
}

.login .message,
.login .success {
  border-left: 4px solid lime !important;
}

input#wp-submit {
  border-radius: 4px !important;
}
form#language-switcher {
  box-shadow: none !important;
}