/* RedCastle-Branding fuer die ntfy-Web-UI (push.redcastle-eg.de), 2026-07-28.
   Wird via Caddy-Template in die index.html injiziert — ntfy selbst bleibt
   unveraendert und updatefaehig. Farbwelt: Blutrot #E30613 als Akzent,
   Apfelrot #931813 fuer Hover, App-Bar in Ink statt ntfy-Teal. */
:root {
  --rc-blutrot: #E30613;
  --rc-apfelrot: #931813;
  --rc-ink: #1A1A1A;
}

/* App-Bar: Ink, RedCastle-Turm statt ntfy-Logo */
header.MuiAppBar-root { background-color: var(--rc-ink) !important; }
header.MuiAppBar-root img {
  content: url("/static/branding/redcastle-mark.svg");
  height: 30px;
  width: auto;
}

/* Primaerfarbe (ntfy-Teal) -> Blutrot, Hover -> Apfelrot */
.MuiButton-containedPrimary { background-color: var(--rc-blutrot) !important; }
.MuiButton-containedPrimary:hover { background-color: var(--rc-apfelrot) !important; }
.MuiButton-textPrimary, .MuiButton-outlinedPrimary, .MuiLink-root { color: var(--rc-blutrot) !important; }
.MuiButton-outlinedPrimary { border-color: var(--rc-blutrot) !important; }
.MuiCheckbox-colorPrimary.Mui-checked, .MuiRadio-colorPrimary.Mui-checked { color: var(--rc-blutrot) !important; }
.MuiSwitch-colorPrimary.Mui-checked { color: var(--rc-blutrot) !important; }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: var(--rc-blutrot) !important; }
.MuiTabs-indicator { background-color: var(--rc-blutrot) !important; }
.MuiTab-root.Mui-selected { color: var(--rc-blutrot) !important; }
.MuiFab-primary { background-color: var(--rc-blutrot) !important; }
.MuiFab-primary:hover { background-color: var(--rc-apfelrot) !important; }
.MuiCircularProgress-colorPrimary { color: var(--rc-blutrot) !important; }
.MuiListItemButton-root.Mui-selected { border-left: 3px solid var(--rc-blutrot); }

/* Formulare: Fokus in Brand-Farben */
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: var(--rc-blutrot) !important; }
.MuiInput-underline:after { border-bottom-color: var(--rc-blutrot) !important; }
.MuiFormLabel-root.Mui-focused { color: var(--rc-apfelrot) !important; }

/* Architektonisch niedrige Radien (Brand-Default 4px) */
.MuiButton-root, .MuiPaper-rounded, .MuiFab-root { border-radius: 4px !important; }