/*
 * Johnny Colt — Login page dark overrides
 * Loaded after parent login.css on the custom login template.
 */

/* Re-declare dark tokens scoped to the login body */
body.jfw-login-body {
  --surface-bg:       #0E0E0F;
  --surface-card:     #1C1C1E;
  --surface-elevated: #242426;
  --text-primary:     #F5F5F7;
  --text-secondary:   rgba(245, 245, 247, 0.55);
  --accent-primary:        #5B4B55;
  --accent-primary-hover:  #6D5B67;
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.5);
}

body.jfw-login-body {
  background: #0E0E0F;
}

.jfw-login-card {
  background: #1C1C1E;
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
}

.jfw-login-heading {
  color: #F5F5F7;
}

.jfw-login-field label {
  color: rgba(245, 245, 247, 0.55);
}

.jfw-login-field input {
  background: #242426;
  border-color: rgba(255, 255, 255, 0.1);
  color: #F5F5F7;
}

.jfw-login-field input:focus {
  border-color: #5B4B55;
  background: #2A2A2C;
}

.jfw-login-field input::placeholder {
  color: rgba(245, 245, 247, 0.3);
}

.jfw-login-toggle-pwd {
  color: rgba(245, 245, 247, 0.4);
}

.jfw-login-toggle-pwd:hover {
  color: #F5F5F7;
}

/* Make the logo bigger on the dark bg */
.jfw-login-logo {
  max-width: 160px;
  border-radius: 12px;
}