:root {
  --primaer: #2b5c8f;
  --akzent: #0f8b8d;
  --seitenleiste: #14202e;
  --hintergrund: #f4f6f9;
  --flaeche: #ffffff;
  --text: #1b2532;
  --auf-primaer: #ffffff;
  --auf-akzent: #111827;
  --auf-seitenleiste: #ffffff;
}
:root[data-darstellung="dunkel"] {
  --hintergrund: #0e1218;
  --flaeche: #161b22;
  --text: #e2e7ee;
  --seitenleiste: #0a0d12;
  --auf-seitenleiste: #ffffff;
}
@media (prefers-color-scheme: dark) {
:root[data-darstellung="auto"] {
  --hintergrund: #0e1218;
  --flaeche: #161b22;
  --text: #e2e7ee;
  --seitenleiste: #0a0d12;
  --auf-seitenleiste: #ffffff;
}
}