:root,
[data-theme="light"] {
  --primary: #ff8833;
  --brand-color: #ff8833;
  --primary-color: #ff8833;
  --btn-primary: #ff8833;
  --border-primary: #ff8833;
  --bg-color: #fcfaf8;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --control-bg: #fff6f0;
  --border-color: #f1ded1;
  --subtle-fg: #fff1e8;
  --highlight-color: #fff8f4;
}

body {
  background-color: var(--bg-color);
}

.navbar {
  background-color: #ffffff;
  border-bottom: 1px solid var(--border-color);
  box-shadow: none;
}

.navbar .navbar-brand img {
  max-height: 34px;
}

.btn-primary,
.for-login .page-card-actions .btn-login,
.for-reset-password .page-card-actions .btn-login {
  background: var(--primary);
  border-color: var(--primary);
  color: #ffffff;
  box-shadow: none;
  border-radius: 9px;
}

.btn-primary:hover,
.btn-primary:focus,
.for-login .page-card-actions .btn-login:hover,
.for-login .page-card-actions .btn-login:focus,
.for-reset-password .page-card-actions .btn-login:hover,
.for-reset-password .page-card-actions .btn-login:focus {
  background: #e97522;
  border-color: #e97522;
  color: #ffffff;
}

.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card,
.for-reset-password .page-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  box-shadow: 0 18px 50px rgba(91, 51, 24, 0.08);
}

.for-login .page-card input,
.for-forgot .page-card input,
.for-login-with-email-link .page-card input,
.for-signup .page-card input,
.for-email-login .page-card input,
.for-reset-password .page-card input {
  border-radius: 9px;
}

.for-login .page-card-head img,
.for-forgot .page-card-head img,
.for-reset-password .page-card-head img {
  max-height: 48px;
  width: auto;
}

.web-footer {
  border-top-color: var(--border-color);
}