/* Scoped styles for customer auth pages (no build step required) */

.auth-brand .brand-text {
  font-size: 1.0625rem;
  letter-spacing: .2px;
}

/* Figma-like input style */
.auth-input.form-control {
  background-color: #f3f3f5;
  border: 0.8px solid #d1d5db; /* neutral-300 */
  border-radius: 8px;
}
.auth-input.form-control:focus {
  background-color: #f3f3f5;
}

/* Google button tweaks */
.auth-google-btn {
  --btn-border: #e5e7eb;
  border-color: var(--btn-border);
  background-color: #fff;
}
.auth-google-btn:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
}

/* Typography and spacing */
.display-6 {
  letter-spacing: -0.02em;
}

/* Dark mode adjustments if theme switcher toggles */
[data-bs-theme="dark"] .auth-google-btn {
  background-color: transparent;
}
[data-bs-theme="dark"] .input-with-icon > i {
  color: #98a2b3;
}

/* Cover */
.auth-cover img { object-fit: cover; }