/* Hearth: единый вид для страницы входа Authelia. Внедряется ссылкой через Caddy.
   Тема у неё уже тёмная, но своя палитра и скругления — приводим к нашим. */
:root {
  --h-ground: #0B0B0C; --h-surface: #141416; --h-surface-2: #1B1B1E;
  --h-hairline: #26262A; --h-text: #F5F5F7; --h-muted: #8A8A8F;
  --h-accent: #7C86FF; --h-accent-on: #0A0A1C;
}
body, #root, .MuiBox-root {
  background-color: var(--h-ground) !important;
  color: var(--h-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
/* форма входа: даём ей карточку в нашем стиле — по умолчанию она висит на голом фоне */
#root form {
  background-color: var(--h-surface) !important;
  border: 1px solid var(--h-hairline) !important;
  border-radius: 16px !important;
  padding: clamp(20px, 3vw, 32px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.5) !important;
}
#root form .MuiInputBase-root { background-color: var(--h-surface-2) !important; }

.MuiPaper-root {
  background-color: var(--h-surface) !important;
  border: 1px solid var(--h-hairline) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.5) !important;
  background-image: none !important;
}
.MuiInputBase-root, .MuiOutlinedInput-root {
  background-color: var(--h-surface-2) !important;
  border-radius: 12px !important;
  color: var(--h-text) !important;
}
.MuiOutlinedInput-notchedOutline { border-color: var(--h-hairline) !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--h-accent) !important; border-width: 1px !important;
}
.MuiFormLabel-root { color: var(--h-muted) !important; }
.MuiFormLabel-root.Mui-focused { color: var(--h-accent) !important; }
.MuiButton-containedPrimary, .MuiButton-contained {
  background-color: var(--h-accent) !important;
  color: var(--h-accent-on) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
.MuiButton-textPrimary, .MuiLink-root, a { color: var(--h-accent) !important; }
.MuiCheckbox-root.Mui-checked, .MuiRadio-root.Mui-checked { color: var(--h-accent) !important; }
.MuiTypography-root { color: inherit !important; }
.MuiTypography-subtitle2, .MuiTypography-caption { color: var(--h-muted) !important; }