/* Login page overrides to always use light mode */

/* Target specific login pages */
body.login-page,
html.login-page {
  /* Force light theme variables */
  --text-color: #2E2E2E !important;
  --bg-color: #f9f9f9 !important;
  --card-bg: #FFFFFF !important;
  --navbar-bg: #FFFFFF !important;
  --border-color: #e3e3e3 !important;
  --input-bg: #FFFFFF !important;
  --input-border: #e3e3e3 !important;
  
  /* Force white background regardless of theme */
  background-color: #f9f9f9 !important;
  color: #2E2E2E !important;
}

/* Override all dark-theme classes when on login page */
body.login-page.dark-theme,
html.login-page.dark-theme {
  --text-color: #2E2E2E !important;
  --bg-color: #f9f9f9 !important;
  --card-bg: #FFFFFF !important;
}

/* Login card styles */
body.login-page .login-card,
body.login-page.dark-theme .login-card {
  background-color: #FFFFFF !important;
  color: #2E2E2E !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Login title */
body.login-page .login-title,
body.login-page.dark-theme .login-title {
  color: #2E2E2E !important;
}

/* Login button */
body.login-page .btn-primary,
body.login-page.dark-theme .btn-primary {
  background-color: var(--gitlab-orange) !important;
  border-color: var(--gitlab-orange) !important;
  color: white !important;
}

/* Login footer */
body.login-page .login-footer,
body.login-page.dark-theme .login-footer {
  color: #6a6a6a !important;
}

body.login-page .login-footer a,
body.login-page.dark-theme .login-footer a {
  color: var(--gitlab-orange) !important;
}