:root {
  --ml-forgot-green:#0c6b4d;
  --ml-forgot-green-dark:#07513b;
  --ml-forgot-ink:#26352f;
  --ml-forgot-muted:#756f64;
  --ml-forgot-border:#e8dfcf;
  --ml-forgot-canvas:#fbf7ee;
  --ml-forgot-surface:#fffdf8;
  --ml-forgot-gold:#c7a45a;
  --ml-forgot-gold-soft:#f3e7c9;
}

body .auth-page {
  min-height:70vh;
  background:
    radial-gradient(circle at 88% 10%,rgba(199,164,90,.14),transparent 28%),
    linear-gradient(180deg,#fffdf8 0%,#fbf7ee 100%) !important;
}

body .auth-page .card {
  border:1px solid var(--ml-forgot-border) !important;
  border-radius:20px !important;
  background:var(--ml-forgot-surface) !important;
  box-shadow:0 16px 38px rgba(91,70,37,.10) !important;
}

body .auth-page h1,
body .auth-page h2,
body .auth-page h3,
body .auth-page .form-label {
  color:var(--ml-forgot-ink) !important;
}

body .auth-page .text-muted,
body .auth-page .form-text {
  color:var(--ml-forgot-muted) !important;
}

body .auth-page .form-control,
body .auth-page .input-group-text {
  color:var(--ml-forgot-ink) !important;
  border-color:var(--ml-forgot-border) !important;
  background:var(--ml-forgot-surface) !important;
}

body .auth-page .form-control:focus {
  border-color:var(--ml-forgot-gold) !important;
  box-shadow:0 0 0 .2rem rgba(199,164,90,.14) !important;
}

body .auth-page .btn-primary {
  color:#fff !important;
  border-color:var(--ml-forgot-green) !important;
  background:var(--ml-forgot-green) !important;
}

body .auth-page .btn-primary:hover {
  border-color:var(--ml-forgot-green-dark) !important;
  background:var(--ml-forgot-green-dark) !important;
}

body .auth-page .btn-outline-secondary {
  color:var(--ml-forgot-green-dark) !important;
  border-color:#d8bd7d !important;
  background:var(--ml-forgot-surface) !important;
}

body .auth-page .btn-outline-secondary:hover {
  border-color:var(--ml-forgot-gold) !important;
  background:var(--ml-forgot-gold-soft) !important;
}

body .auth-page a {
  color:var(--ml-forgot-green-dark);
}

body .auth-page .alert-info,
body .auth-page .alert-success {
  border-color:#ddc99d;
  background:#f8f3e8;
}

body .auth-page .modal-content {
  border:1px solid var(--ml-forgot-border);
  background:var(--ml-forgot-surface);
}