/* Light Mode */
:root {
  /* Textfarben */
  --color-foreground-primary: #12263F;  /* Standardtext */
  --color-foreground-secondary: #636D7F; /* Überschriften */
  --color-foreground-muted: #636D7F; /* dezente Texte */

  /* Links & Brandfarben */
  --color-brand-primary: #D91034; /* Feuerwehrrot für Akzente */
  --color-link: #D91034;
  --color-link--hover: #636D7F;

  /* Hintergründe */
  --color-background-primary: #ffffff; /* Hauptfläche */
  --color-background-secondary: #E2E3E4; /* Sidebar, Kästen */
  --color-background-hover: #E2E3E4;

  /* Rahmen / Divider */
  --color-border: #D91034;
}

/* Dark Mode */
[data-theme="dark"] {
  /* Textfarben */
  --color-foreground-primary: #E2E3E4;  /* Standardtext hell */
  --color-foreground-secondary: #E2E3E4; /* Überschriften hell */
  --color-foreground-muted: #636D7F; /* abgeschwächt */

  /* Links & Brandfarben */
  --color-brand-primary: #D91034;
  --color-link: #D91034;
  --color-link--hover: #E2E3E4;

  /* Hintergründe */
  --color-background-primary: #12263F; /* Hauptfläche dunkel */
  --color-background-secondary: #1B314D; /* Sidebar, leicht heller Kontrast */
  --color-background-hover: #636D7F;

  /* Rahmen / Divider */
  --color-border: #D91034;
}

/* Sidebar Navigation spezifisch */
.sidebar-tree a.reference {
  color: var(--color-foreground-primary) !important;
}
.sidebar-tree a.reference:hover {
  color: var(--color-brand-primary) !important;
}
.sidebar-tree .current > a.reference {
  font-weight: bold;
  color: var(--color-brand-primary) !important;
}