/* DS Login – Light first, Dark via html[data-theme="dark"] */

body.login.ds-login { background: var(--ds-bg); color: var(--ds-text); }
body.login.ds-login #login { width: min(420px, 92vw); }

body.login.ds-login #login h1 a {
  background-image: url('../icons/brand/logo-login.svg'); /* Pfad anpassen */
  background-size: contain; background-repeat: no-repeat; background-position: center;
  width: 240px; height: 64px; margin: 0 auto 14px; text-indent: -9999px;
}

body.login.ds-login .message,
body.login.ds-login #loginform,
body.login.ds-login #lostpasswordform,
body.login.ds-login #resetpassform {
  border: 1px solid color-mix(in oklab, var(--ds-text) 12%, transparent);
  background: var(--ds-surface);
  border-radius: var(--ds-radius);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

body.login.ds-login .input,
body.login.ds-login input[type="text"],
body.login.ds-login input[type="password"],
body.login.ds-login input[type="email"] {
  background: #fff; color:#0f172a; border-radius: 10px; border: 1px solid #e5e7eb;
  transition: box-shadow .2s, border-color .2s;
}
html[data-theme="dark"] body.login.ds-login .input,
html[data-theme="dark"] body.login.ds-login input[type="text"],
html[data-theme="dark"] body.login.ds-login input[type="password"],
html[data-theme="dark"] body.login.ds-login input[type="email"] {
  background:#0f172a; color:#e5e7eb; border-color:#1f2937;
}

body.login.ds-login .button-primary {
  background: var(--ds-primary);
  border-color: color-mix(in oklab, var(--ds-primary) 70%, #000 0%);
  text-shadow:none; box-shadow:none;
}
body.login.ds-login .button-primary:hover { filter:brightness(0.95); }

body.login.ds-login #backtoblog a,
body.login.ds-login #nav a { color: var(--ds-primary); text-decoration:none; }
body.login.ds-login #backtoblog a:hover,
body.login.ds-login #nav a:hover { text-decoration:underline; }

.ds-login-msg { color: var(--ds-muted); }