/* Public account screens use the 3 Bros Food account palette. */
body.portal-login,
body.register-page {
  --auth-primary: #42633d;
  --auth-hover: #31572f;
  --auth-soft: #edf4e9;
  --auth-line: #dce6d9;
  --auth-muted: #728074;
  --portal-primary: var(--auth-primary);
  --portal-primary-hover: var(--auth-hover);
  --portal-ink: #29382d;
  --portal-text: #29382d;
  --portal-muted: var(--auth-muted);
  --portal-border: var(--auth-line);
  --portal-line: var(--auth-line);
  --register-text: #29382d;
  --register-muted: var(--auth-muted);
  --register-border: var(--auth-line);
  background: #f8faf5;
}

.portal-login__card, .register-card { border-color: var(--auth-line); }
.portal-login__intro, .register-card__intro {
  color: var(--auth-primary);
  background: var(--auth-soft);
  border-color: var(--auth-line);
}
.portal-login__eyebrow,
.portal-login__header .portal-login__eyebrow,
.register-card__eyebrow,
.register-card__header .register-card__eyebrow,
.portal-login__header h1,
.register-card__header h1,
.portal-login__back,
.register-card__home,
.portal-login__forgot,
.portal-login__register a,
.register-card__signin a,
.register-form__title,
.register-form__title i,
.register-card__review-note i { color: var(--auth-primary); }
.portal-login__intro-copy h2::after,
.register-card__intro-copy h2::after { background: var(--auth-primary); }
.portal-login__intro-copy p,
.register-card__intro-copy p,
.register-card__review-note,
.register-notice span { color: var(--auth-muted); }
.register-card__review-note,
.register-form__section + .register-form__section,
.register-form__footer { border-color: var(--auth-line); }
.register-notice { background: var(--auth-soft); border-color: var(--auth-line); }
.register-notice > i, .register-notice strong { color: var(--auth-primary); }

body.portal-login .portal-button--primary,
body.register-page .register-button--primary,
body #forgotModal .portal-forgot__btn--primary {
  color: #fff;
  background: var(--auth-primary);
  box-shadow: 0 8px 17px rgba(66, 99, 61, .15);
}
body.portal-login .portal-button--primary:hover,
body.register-page .register-button--primary:hover,
body #forgotModal .portal-forgot__btn--primary:hover {
  color: #fff;
  background: var(--auth-hover);
}
.portal-login .portal-field input:focus,
.portal-login .portal-field__control:focus-within,
.register-field input:focus,
body #forgotModal .portal-forgot__control:focus-within {
  border-color: var(--auth-primary);
  box-shadow: 0 0 0 3px rgba(66, 99, 61, .15);
}
.portal-login a:focus-visible, .portal-login button:focus-visible,
.register-page a:focus-visible, .register-page button:focus-visible {
  outline: 3px solid var(--auth-primary);
  outline-offset: 4px;
}
.portal-login__back:hover, .register-card__home:hover,
.portal-login__forgot:hover { color: var(--auth-hover); }
.register-captcha__reload,
.register-button--secondary:hover { background: var(--auth-soft); color: var(--auth-primary); }
.register-captcha__reload:hover { background: var(--auth-line); color: var(--auth-hover); }

body #forgotModal .portal-forgot__top { background: var(--auth-primary); }
body #forgotModal .portal-forgot__icon { color: var(--auth-primary); background: var(--auth-soft); }
body #forgotModal .portal-forgot__control,
body #forgotModal .portal-forgot__btn--secondary { border-color: var(--auth-line); }
body #forgotModal .portal-forgot__control > i,
body #forgotModal .portal-forgot__field label,
body #forgotModal .portal-forgot__btn--secondary { color: var(--auth-primary); }
body #forgotModal .portal-forgot__btn--secondary:hover {
  color: var(--auth-hover);
  background: var(--auth-soft);
  border-color: var(--auth-primary);
}