/**
 * Login CMS (silverstripe/login-forms): palette e brand The Miracle Shard.
 * Sovrascrive le variabili CSS del modulo.
 */
:root {
  --color-page-background: #120a06;
  --color-page-text: #e8e0d5;
  --color-form-background: rgba(12, 12, 12, 0.92);
  --color-form-text: #ccc;
  --color-field-background: #1e1610;
  --color-field-border: #3d2e20;
  --color-field-text: #e8e0d5;
  --color-link-primary: #dbb779;
  --color-button-primary-background: #a38b65;
  --color-button-primary-hover-background: #b89a72;
  --color-button-primary-text: #120a06;
  --color-button-primary-hover-text: #120a06;
  --color-button-secondary-text: #dbb779;
  --color-button-secondary-hover-text: #dbb779;
  --color-message-error: #ea868f;
  --color-message-warning: #ffda6a;
  --box-shadow-form: 0 4px 24px rgba(0, 0, 0, 0.45);
}

html.dark-mode-enabled {
  --color-page-background: #0a0604;
  --color-page-text: #e8e0d5;
  --color-form-background: rgba(10, 8, 6, 0.96);
  --color-form-text: #ccc;
  --color-field-background: #1a1410;
  --color-field-border: #4a3a28;
  --color-field-text: #f0ebe3;
  --color-link-primary: #dbb779;
  --color-button-primary-background: #a38b65;
  --color-button-primary-hover-background: #c4a882;
  --color-button-primary-text: #0a0604;
  --color-button-primary-hover-text: #0a0604;
  --color-button-secondary-text: #dbb779;
  --color-button-secondary-hover-text: #dbb779;
}

/* Logo + titolo sito (il modulo nasconde il titolo se c’è il logo) */
.app-brand .app-brand__link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.app-brand .app-brand__logo + .app-brand__name {
  display: block;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: 1.35rem;
  letter-spacing: 0.02em;
  color: var(--color-page-text);
}

.app-brand__logo {
  max-height: 72px;
  width: auto;
  object-fit: contain;
}

/* Footer Silverstripe */
.silverstripe-brand {
  display: none;
}

.action[type="submit"],
button.action,
.btn-primary,
input.btn-primary {
  font-weight: 600;
}