:root {
  --kept-background: #0f172a;
  --kept-surface: #1e293b;
  --kept-accent: #6366f1;
  --kept-text: #f8fafc;
  --mui-palette-background-default: var(--kept-background);
  --mui-palette-background-paper: var(--kept-surface);
  --mui-palette-primary-main: var(--kept-accent);
}

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

.MuiPaper-root {
  background-color: var(--kept-surface) !important;
}

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

/* Authelia requires the {{authelia}} placeholder in its locale value.
   Hide the literal product suffix and show only the kept brand. */
a[href*="authelia"] {
  font-size: 0 !important;
}
a[href*="authelia"]::after {
  content: "kept";
  font-size: 0.7rem;
  color: #9e9e9e;
}