:root {
  --color-primary: #2b4a8c;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #243f78;
  --color-primary-dark-2: #1e3566;
  --color-primary-dark-3: #1a3251;
  --color-primary-light-1: #3a5ca3;
  --color-primary-light-2: #4d6fb5;
  --color-primary-light-3: #6b88c4;
  --color-primary-light-4: #93a8d4;
  --color-primary-light-5: #c5d0e8;
  --color-primary-light-6: #e8eef8;
  --color-primary-light-7: #f4f7fc;
  --color-secondary: #e8eef8;
  --color-named-link: #2b4a8c;
  --color-accent: #2b4a8c;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: var(--color-primary-dark-1) !important;
}

a:not(.button) { color: var(--color-primary); }

.navbar .logo img,
img.logo { max-height: 36px !important; width: auto !important; }

/* Login page */
.page-content.user.signin {
  min-height: calc(100vh - 80px);
  background: linear-gradient(165deg, #1a3251 0%, #2b4a8c 42%, #e8eef8 42%, #ffffff 100%);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.faro-login-brand h2 { color: #1a3251; font-weight: 700; }
.faro-login-logo {
  width: 96px !important;
  height: 96px !important;
  max-height: none !important;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(26, 50, 81, 0.25);
  background: #fff;
}
.faro-remember {
  background: #e8eef8;
  border: 1px solid #c5d0e8;
  border-radius: 10px;
  padding: 0.9rem 1rem !important;
  margin-top: 0.5rem !important;
}
.faro-remember label { cursor: pointer; color: #1a3251 !important; }
.faro-login-btn {
  font-size: 1.1rem !important;
  padding: 0.9rem 1.25rem !important;
  border-radius: 10px !important;
}

/* Home replacement */
.faro-home .faro-hero {
  min-height: calc(100vh - 120px);
  padding: 3rem 1rem;
  background: linear-gradient(165deg, #f4f7fc 0%, #ffffff 50%, #e8eef8 100%);
}
.faro-home-logo {
  width: 120px !important;
  height: 120px !important;
  max-height: none !important;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(26, 50, 81, 0.2);
}

/* Navbar login more visible when on marketing pages */
#navbar a[href*="login"],
.navbar .item[href*="/user/login"] {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.45rem 0.9rem !important;
  font-weight: 600 !important;
}