:root {
  --pga-blue: #194270;
  --pga-turquoise: #32b4b4;
  --pga-bg-light: #f4f6f8;
  --pga-bg-card: #ffffff;
  --pga-border: #d9e1e6;
  --pga-text: #194270;
  --pga-muted: #6c7f88;
}

html[data-theme="light"] .auth-section,
html[data-theme="light"] .reset-section {
  background: var(--pga-bg-light);
}

html[data-theme="light"] .auth-form-container,
html[data-theme="light"] .reset-form-container {
  background: var(--pga-bg-card);
  border-radius: 6px;
  padding: 40px 42px;
  box-shadow: 0 6px 18px rgba(25, 66, 112, 0.08);
}

/* Logo */
.logo {
  max-width: 200px;
  margin-bottom: 20px;
}

/* Titres */
html[data-theme="light"] h2 {
  color: var(--pga-text);
  font-weight: 600;
}

/* Textes secondaires */
.reset-password-label,
.forgot-password-title + p {
  color: var(--pga-muted);
  font-size: 14px;
}

/* Labels */
label {
  color: var(--pga-text);
  font-weight: 500;
  font-size: 14px;
}

/* Inputs */
.input {
  border: 1px solid var(--pga-border);
  border-radius: 5px;
  padding: 11px 12px;
  font-size: 14px;
}

.input:focus {
  border-color: var(--pga-turquoise);
  box-shadow: none;
}

/* Bouton principal */
.primary-button {
  background: var(--pga-blue);
  color: #ffffff;
  border-radius: 5px;
  font-weight: 600;
  height: 44px;
}

.primary-button:hover {
  background: #143459;
}

/* Boutons secondaires */
.primary-button.is-bordered,
.primary-button.is-bg-none {
  background: none;
  color: var(--pga-blue);
  font-weight: 500;
}

/* Liens */
.forgot-link,
.back-to-login-label {
  color: var(--pga-blue);
  font-size: 13px;
}