/* Deckhand R2: the yellow sign-in (login, forgot, invite, reset).
   The one screen loud enough to find at noon: a full-bleed Delta ground in BOTH
   themes, the Deep-bound lockup (/assets/deckhand-lockup-signin.svg), white
   fields, a Deep button. It replaces the radial-gradient backdrop
   (styles.css .login-body) and the dark-theme card where the old lockup vanished.
   Values are the signin_* roles from deckhand-tokens.css, with the literal hex
   as the fallback so the page holds even before that file is linked.
   Linked from the four pages after styles.css, so polish.css loads before it. */

:root body.login-body {
  background: var(--dh-color-signin-ground, #FFD21F);
  color: var(--dh-color-signin-ink, #0F3355);
}
:root body.login-body .login__card {
  background: transparent;
  border: 0;
  box-shadow: var(--dh-shadow-none, none);
  animation: none;
  max-width: 420px;
  padding: 0;
}
:root body.login-body .dh-lockup--login { justify-content: flex-start; margin: 0 0 calc(var(--dh-space-s24, 24px) + var(--dh-space-s4, 4px)); }
:root body.login-body .login__eyebrow {
  color: var(--dh-color-signin-muted, #6B5A1C);
  font-weight: 600;
  text-align: left;
  margin: 0 0 var(--dh-space-s24, 24px);
}
:root body.login-body .login__eyebrow + .login__lede { margin-top: calc(var(--dh-space-s12, 12px) * -1 - 2px); }
/* signin.screen's second sentence, under the eyebrow (R1) */
:root body.login-body .login__lede {
  color: var(--dh-color-signin-ink, #0F3355);
  font: var(--dh-typography-h2, 600 17px/22px "Inter", system-ui, sans-serif);
  font-weight: 500;
  text-align: left;
  margin: 0 0 var(--dh-space-s24, 24px);
}
:root body.login-body .field__label { color: var(--dh-color-signin-ink, #0F3355); }
/* The :not() chain matches styles.css's own input rule, which would otherwise outrank this one. */
:root body.login-body .field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]) {
  background: var(--dh-color-signin-field, #FFFFFF);
  color: var(--dh-color-signin-field-ink, #0F3355);
  border: 1.5px solid var(--dh-color-signin-field-line, #0F3355);
  border-radius: var(--dh-radius-control, 11px);
  box-shadow: var(--dh-shadow-none, none);
}
:root body.login-body .field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]):focus {
  outline: none;
  border-color: var(--dh-color-signin-field-line, #0F3355);
  box-shadow: 0 0 0 2px var(--dh-color-signin-ground, #FFD21F), 0 0 0 4px var(--dh-color-signin-focus, #0F3355);
}
:root body.login-body .login__submit,
:root body.login-body .login__submit:hover {
  background: var(--dh-color-signin-button, #0F3355);
  color: var(--dh-color-signin-button-ink, #F3F5F4);
  border-color: var(--dh-color-signin-button, #0F3355);
  border-radius: var(--dh-radius-control, 11px);
  box-shadow: var(--dh-shadow-none, none);
  transform: none;
}
:root body.login-body .login__help { text-align: left; color: var(--dh-color-signin-ink, #0F3355); }
:root body.login-body .login__help a,
:root body.login-body .login__note a {
  color: var(--dh-color-signin-link, #0F3355);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  font-weight: 600;
}
:root body.login-body .login__note { color: var(--dh-color-signin-ink, #0F3355); }
/* Error text is Hotel only on the white chip (5.30:1), never on bare Delta (3.66:1). */
:root body.login-body .login__error {
  background: var(--dh-color-signin-field, #FFFFFF);
  color: var(--dh-color-signin-error, #C8341C);
  border: 1.5px solid var(--dh-color-signin-field-line, #0F3355);
  border-radius: var(--dh-radius-chip, 8px);
}