/* Styles for registration views */
body { font-family: Arial, sans-serif; }
.auth-form-light .link-registration { color: #007bff; text-decoration: none; }
.auth-form-light .link-registration:hover { text-decoration: underline; }

.form-group label { font-weight: 600; }

/* Tighter, readable title/heading styles */
.auth-form-light h4 { font-size: 1.25rem; line-height: 1.3; letter-spacing: 0.15px; font-weight: 600; margin-bottom: 0.5rem; }
.auth-form-light h6 { font-size: 1rem; line-height: 1.5; letter-spacing: 0.1px; color: #333; font-weight: 400; margin-bottom: 1.25rem; }

/* Inputs and buttons */
.auth-form-light .form-control { font-size: 1rem; padding: .75rem .75rem; }
.auth-form-light .auth-form-btn { font-size: 1.05rem; padding: .75rem; }

/* Make helper text slightly larger */
.auth-form-light .text-danger, .auth-form-light .navigation-text { font-size: 0.95rem; }

/* Ensure login title uses the smaller size */
.login-title { font-size: 1.25rem; line-height: 1.3; letter-spacing: 0.15px; }

/* Ensure rule with .auth-form-light context to override other styles */
.auth-form-light h4.login-title { font-size: 1.25rem; }

/* Links under the button spacing */
.form-links { margin-top: 1rem; }
/* Use a neutral gray color for links */
.form-links a { color: #6c757d; text-decoration: none; }
.form-links a:hover { text-decoration: underline; }

/* Override any more specific rules from other stylesheets to ensure neutral gray */
.auth-form-light .link-registration,
.auth-form-light .link-password,
.auth-form-light .form-links a,
.auth-form-light .form-links a.link-registration,
.auth-form-light .form-links a.link-password {
  color: #6c757d !important;
}