/* Pathfinder / Asterion — Authelia Theme */

:root {
  color-scheme: dark;

  --pf-bg: #020617;
  --pf-surface: #0f172a;
  --pf-raised: #1e293b;
  --pf-border: #334155;
  --pf-accent: #2dd4bf;
  --pf-accent-hover: #5eead4;
  --pf-text: #f1f5f9;
  --pf-muted: #94a3b8;
}

/* Page background */

html,
body,
#root {
  background-color: var(--pf-bg) !important;
  color: var(--pf-text);
}

/* Material UI surfaces */

.MuiPaper-root,
.MuiCard-root {
  background-color: var(--pf-surface) !important;
  color: var(--pf-text) !important;
  border-color: var(--pf-border) !important;
}

/* Typography */

.MuiTypography-root {
  color: inherit;
}

.MuiTypography-colorTextSecondary {
  color: var(--pf-muted) !important;
}

/* Input fields */

.MuiOutlinedInput-root {
  background-color: var(--pf-raised);
  color: var(--pf-text);
}

.MuiOutlinedInput-notchedOutline {
  border-color: var(--pf-border) !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--pf-accent) !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--pf-accent) !important;
}

.MuiInputLabel-root.Mui-focused {
  color: var(--pf-accent) !important;
}

/* Primary buttons */

.MuiButton-containedPrimary {
  background-color: var(--pf-accent) !important;
  color: var(--pf-bg) !important;
}

.MuiButton-containedPrimary:hover {
  background-color: var(--pf-accent-hover) !important;
}

/* Links */

a {
  color: var(--pf-accent);
}

a:hover {
  color: var(--pf-accent-hover);
}

/* Checkboxes and switches */

.MuiCheckbox-root.Mui-checked,
.MuiSwitch-switchBase.Mui-checked {
  color: var(--pf-accent) !important;
}

/* Progress indicators */

.MuiCircularProgress-root,
.MuiLinearProgress-bar {
  color: var(--pf-accent) !important;
}

/* Dividers */

.MuiDivider-root {
  border-color: var(--pf-border) !important;
}