:root {
  /* ---- Hauptfarben ----
     --eks-accent ist die EINZIGE Stelle, die die Hintergrundfarbe von
     Header, Fußzeile, Trennlinie, Moodle-Blöcken (inkl. Titelleiste)
     und den 5 Menü-Kacheln (inkl. Titelleiste) bestimmt.
     -> Um das komplette "Blau" zu ändern, NUR diesen einen Wert anpassen. */
  --eks-accent: #214A67;                     /* Kopf-/Fußzeile, Trennlinie, Kacheln, Moodle-Block-Header */
  --eks-accent-d1: #173A52;                  /* Rahmenfarbe (dunkler) */
  --eks-accent-d2: #0b2230;                  /* Reserve */
  --eks-accent-soft: rgba(33, 74, 103, .12); /* dezenter Content-Rahmen (helle Flächen) */

  /* ---- Menü: Farbe je Baumtiefe ----
     Für ALLE dynamischen Menü-Kacheln, auch die Startseite (root=0):
     eine Kachel/Zeile bekommt immer die Farbe ihrer eigenen ID-Tiefe
     (Anzahl Punkt-Segmente). Ebene 1 (z. B. "2") bleibt das normale
     --eks-accent-Blau, Ebene 2-5 (z. B. "2.1", "2.1.3", "2.1.3.1",
     "2.1.3.1.1" und tiefer) bekommen je eine eigene Farbe - bewusst
     als "Linie" durch den Farbraum gewählt: gleicher Farbton und
     gleiche Sättigung wie --eks-accent, nur die Helligkeit steigt
     gleichmäßig an (Ebene 5 ist am hellsten). Kontrast zur weißen
     Schrift bleibt auf allen Stufen über 4.5:1. */
  --eks-depth-1: var(--eks-accent);          /* Ebene 1, z. B. "2" */
  --eks-depth-2: #275677;                    /* Ebene 2, z. B. "2.1" */
  --eks-depth-3: #2C6187;                    /* Ebene 3, z. B. "2.1.3" */
  --eks-depth-4: #316C96;                    /* Ebene 4, z. B. "2.1.3.1" */
  --eks-depth-5: #3474A2;                    /* Ebene 5, z. B. "2.1.3.1.1", und alles tiefer */

  /* --eks-accent-light ist die EINZIGE Stelle für die Hintergrundfarbe der
     Untermenüs (Dropdown-Listen der 5 Kacheln beim Hover). Ruhiges Petrol,
     ergänzt das Blau, ohne mit ihm zu konkurrieren. */
  --eks-accent-light: #2E8C9E;               /* Untermenü-Zeilen – ruhiges Petrol */
  --eks-accent-light-hover: #237080;         /* Hover einer Untermenü-Zeile → dunkler, nicht heller */
  /* Hinweis: Untermenü-Zeilen haben keine feste Höhe mehr – sie teilen
     sich per CSS (flex) automatisch gleichmäßig die volle Höhe der Box
     (siehe 0.css, .box .menu div). Dadurch keine Scrollbalken mehr. */

  /* EINE Quelle für die dünne, halbtransparente Trennlinie zwischen
     Untermenü-Zeilen UND den Rand um den Untermenü-Inhalt (siehe
     menu/menu.css, .box .menu / .box .menu div / .nested-tree li). */
  --eks-menu-divider: rgba(255, 255, 255, 0.18);

  /* ---- Textfarben ---- */
  --eks-text: #F0F4F6;                       /* Schrift auf dunklen Flächen: Off-White */
  --eks-text-on-light: #1A2E3A;              /* Schrift auf hellen Flächen */
  --eks-text-muted: #4A6070;                 /* Metainfos, Zeitstempel */

  /* ---- Schriftgewichte ----
     Standardmäßig nirgends fett. Fett erscheint nur noch als
     Hover-/Fokus-Zustand von Links (--eks-font-weight-hover). */
  --eks-font-weight-title: 400;              /* Kachel-Titel & Block-Überschriften: normal */
  --eks-font-weight-nav: 400;                /* Untermenü-Einträge: normal */
  --eks-font-weight-body: 400;               /* Fließtext: normal */
  --eks-font-weight-hover: 700;              /* Bold-Zustand beim Hover/Fokus über Links */

  /* ---- Schriftgrößen ----
     Überall einheitlich 12pt (der 14pt-Test für die Untermenü-
     Einträge wurde wieder verworfen). */
  --eks-font-size-title: 12pt;               /* Kachel-Titel & Block-Überschriften */
  --eks-font-size: 12pt;                     /* Standard-Fließtext */
  --eks-font-size-nav: 12pt;                 /* Untermenü-Einträge */
  --eks-font-size-list: 12pt;                /* Listeneinträge in hellen Boxen */
  --eks-font-size-small: 12pt;               /* Fußzeile, Metainfos */

  /* ---- Große Boxen (Menü-Kacheln) ---- */
  --eks-box-radius: 10px;
  --eks-box-border-width: 3px;
  --eks-box-border-color: var(--eks-accent-d1);

  /* ---- Kleine Boxen (Moodle-Blöcke) ---- */
  --eks-block-radius: 6px;
  --eks-block-border-width: 1px;
  --eks-block-border-color: var(--eks-accent-soft);

  /* ---- Schriftfamilie ---- */
  --eks-font-family: Calibri, "Segoe UI", Candara, Arial, sans-serif;
}