:root {
  --mh-bg: #11110f;
  --mh-surface: #1b1b18;
  --mh-surface-soft: #22221e;
  --mh-text: #f0eadf;
  --mh-muted: #b8b0a2;
  --mh-accent: #d5b26f;
  --mh-accent-hover: #e3c482;
}

html, body, .app-blank, .bg-body {
  background: var(--mh-bg) !important;
  color: var(--mh-text) !important;
}

.card, .card-header, .card-body, .form-control, .form-control.form-control-solid {
  background: var(--mh-surface) !important;
  color: var(--mh-text) !important;
  border-color: rgba(232, 225, 209, .13) !important;
}

.card-header { background: var(--mh-surface-soft) !important; }
.text-gray-900, h1, h2, h3 { color: var(--mh-text) !important; }

.text-gray-900.fs-1.fw-bold::after,
#sign_in_form h1::after {
  content: "Partage de fichiers";
  display: block;
  margin-top: .35rem;
  color: var(--mh-muted);
  font-size: .72em;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.btn-primary {
  background: var(--mh-accent) !important;
  border-color: var(--mh-accent) !important;
  color: #1b1914 !important;
  font-weight: 700;
}

.btn-primary:hover, .btn-primary:focus {
  background: var(--mh-accent-hover) !important;
  border-color: var(--mh-accent-hover) !important;
  color: #1b1914 !important;
}

.btn-primary.btn-block, #sign_in_submit {
  min-height: 3.5rem;
  letter-spacing: .015em;
}

.h-80px.h-md-90px.h-lg-100px { border-radius: 1rem; }