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

body .auth-container {
  background:
    radial-gradient(circle at 82% 12%,rgba(199,164,90,.18),transparent 28%),
    linear-gradient(145deg,#f8f3e8 0%,#fffdf8 52%,#eef4ec 100%) !important;
}

body .auth-background,
body .auth-overlay {
  background:transparent !important;
}

body .auth-card {
  overflow:hidden;
  border:1px solid var(--ml-login-border) !important;
  border-radius:22px !important;
  background:rgba(255,253,248,.97) !important;
  box-shadow:0 22px 54px rgba(91,70,37,.13) !important;
}

body .auth-card-header {
  color:var(--ml-login-ink) !important;
  border-bottom:1px solid var(--ml-login-border) !important;
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3e8 100%) !important;
}

body .auth-title,
body .auth-card-header h1,
body .auth-card-header h2 {
  color:var(--ml-login-ink) !important;
}

body .auth-subtitle,
body .auth-card .text-muted {
  color:var(--ml-login-muted) !important;
}

body .auth-logo {
  filter:none !important;
}

body .auth-input,
body .auth-card .form-control {
  color:var(--ml-login-ink) !important;
  border-color:var(--ml-login-border) !important;
  background:var(--ml-login-surface) !important;
}

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

body .auth-card .input-group-text,
body .auth-card .form-floating > label,
body .password-toggle {
  color:var(--ml-login-muted) !important;
}

body .auth-btn-primary,
body .auth-card .btn-primary {
  color:#fff !important;
  border-color:var(--ml-login-green) !important;
  background:var(--ml-login-green) !important;
  box-shadow:0 8px 18px rgba(12,107,77,.16) !important;
}

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

body .auth-card a,
body .forgot-password {
  color:var(--ml-login-green-dark) !important;
}

body .auth-card a:hover,
body .forgot-password:hover {
  color:var(--ml-login-green) !important;
}

body .auth-card .form-check-input:checked {
  border-color:var(--ml-login-green) !important;
  background-color:var(--ml-login-green) !important;
}

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