:root {
  --wo-primary: #0f4c5c;
  --wo-primary-dark: #0b3b48;
  --wo-accent: #d97706;
  --wo-surface: #f4f7f8;
  --wo-text: #172b33;
  --primary: var(--wo-primary);
  --primary-color: var(--wo-primary);
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--wo-primary);
  border-color: var(--wo-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wo-primary-dark);
  border-color: var(--wo-primary-dark);
}

.for-login,
.for-forgot,
.for-login-with-email-link {
  background: linear-gradient(145deg, #edf4f5 0%, #ffffff 58%, #fff7ed 100%);
}

.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card {
  border: 1px solid rgba(15, 76, 92, 0.14);
  box-shadow: 0 18px 50px rgba(23, 43, 51, 0.10);
}

.navbar .navbar-brand img,
.app-logo {
  max-height: 34px;
  width: auto;
}

[data-theme="dark"] {
  --wo-surface: #12272e;
  --wo-text: #edf4f5;
}