/* Login Window polish, uses the same design tokens */

body {
  background: var(--ui-bg-main);
  color: var(--ui-text-primary);
}

.login-shell {
  min-height: 70vh;
  display: flex;
  align-items: center;
}

.login-card {
  background: var(--ui-bg-card);
  border: 1px solid var(--ui-border);
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.10);
}

.login-card .card-title {
  color: var(--ui-text-primary);
  font-weight: 800;
}

.login-subtitle {
  color: var(--ui-text-secondary);
}

.login-brand-pill {
  background: var(--ui-accent-soft);
  color: var(--ui-text-primary);
  border-radius: 999px;
  font-weight: 600;
}

.form-label {
  color: var(--ui-text-primary);
  font-weight: 600;
}

.form-text, .text-muted {
  color: var(--ui-text-secondary) !important;
}

/* Strong focus for accessibility */
.form-control:focus, .form-select:focus {
  border-color: var(--ui-brand-soft);
  box-shadow: 0 0 0 0.2rem var(--ui-focus-ring);
}

/* Optional: subtle divider */
.login-divider {
  border-top: 1px solid var(--ui-border);
}