/* Standardwerte der Farbvariablen (Kupfer), falls das Skript nicht läuft. demo-farben.js überschreibt sie. */
:root {
  --c-b-l: 164 83 47; --c-bd-l: 134 65 31; --c-b-d: 224 137 90; --c-bd-d: 210 122 75;
  --c-b50: 251 241 236; --c-b100: 245 221 208; --c-b200: 236 194 171; --c-b800: 107 48 24; --c-b900: 79 35 18;
  --c-ink: 26 18 14;
  --c-s50: 250 250 249; --c-s100: 245 245 244; --c-s200: 231 229 228; --c-s300: 214 211 209; --c-s400: 168 162 158;
  --c-s500: 120 113 108; --c-s600: 87 83 78; --c-s700: 68 64 60; --c-s800: 41 37 36; --c-s900: 28 25 23; --c-s950: 12 10 9;
}

#demo-farbwahl {
  position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom, 0px)); transform: translateX(-50%);
  z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
  max-width: calc(100vw - 32px); padding: 8px 10px;
  background: rgb(var(--c-s50) / .92); color: rgb(var(--c-s700));
  border: 1px solid rgb(var(--c-s200)); font: 13px/1.2 Helvetica, Arial, sans-serif;
  backdrop-filter: blur(6px);
}
html.dark #demo-farbwahl { background: rgb(var(--c-ink) / .9); color: rgb(var(--c-s300)); border-color: rgb(var(--c-s700)); }
#demo-farbwahl .dfw-titel { text-transform: uppercase; letter-spacing: .1em; font-size: 11px; font-weight: 700; margin-right: 4px; }
#demo-farbwahl button {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 10px; cursor: pointer;
  background: transparent; color: inherit; border: 1px solid transparent; font: inherit;
}
#demo-farbwahl button:hover { border-color: rgb(var(--c-s300)); }
#demo-farbwahl button[aria-pressed="true"] { border-color: rgb(var(--brand)); font-weight: 700; }
#demo-farbwahl button:focus-visible { outline: 2px solid rgb(var(--brand)); outline-offset: 2px; }
#demo-farbwahl i { display: inline-block; width: 12px; height: 12px; }
#demo-farbwahl i + i { margin-left: -8px; }

/* Demo: Verbesserungsvorschläge und Roadmap gehören zur Kanzlei, nicht zur Vorführung */
a[href="/vorschlaege"], a[href="/roadmap"], a[href="/aktengesuche"], a[href="/profil/ki"], a[href="/profil/sicherheit"] { display: none !important; }
/* Passwort der gemeinsamen Demo-Zugänge nicht änderbar */
html[data-demo-pfad^="/profil"] form:has(input[autocomplete="current-password"]) { display: none !important; }