/* ============================================================
   large - variables.css
   Zentrale Steuerung: Layout, Farben, Navigation (Ebene 0-3)
   ============================================================ */

:root{

  /* Layout */
  --max-width: 1920px;
  --content-padding: 18px;
  --gap-col: 28px;

  /* Goldener Schnitt (Main / Sidebar rechts) */
  --col-main: 61.8%;
  --col-side: 38.2%;

  /* Keine Rundungen */
  --content-radius: 0px;

  /* Schatten: Sehr dezent oder 0 */
  --content-shadow: 0 0 0 rgba(0,0,0,0);

  /* ============================================================
     Heller Hintergrund - dauerhaft (PC und Notebook)
     ============================================================ */

  --color-bg-body: #e9edf2;        /* Außenfläche */
  --color-bg-surface: #ffffff;     /* Content-Fläche (weiß) */
  --color-header-bg: #e9edf2;      /* Bereich über Navigation (Head) */
  --color-footer-bg: #e9edf2;

  --color-text: #1f2730;
  --color-text-muted: rgba(31,39,48,0.72);

  --color-link: #2a4e78;
  --color-link-hover: #162c43;

  --color-border: rgba(0,0,0,0.14);

  /* ============================================================
     Navigation: Dunkle Pastell Blau-/Grautöne
     Ebene 0 bis 3
     ============================================================ */

  /* Ebene 0 (Top) */
  --nav0-bg: #223247;
  --nav0-border: rgba(255,255,255,0.14);
  --nav0-link: #eef2f7;
  --nav0-link-hover: #ffffff;
  --nav0-link-active: #ffffff;
  --nav0-active-bg: rgba(255,255,255,0.10);

  /* Ebene 1 */
  --nav1-bg: #1c2a3d;
  --nav1-border: rgba(255,255,255,0.14);
  --nav1-link: #e7edf5;
  --nav1-link-hover: #ffffff;
  --nav1-link-active: #ffffff;
  --nav1-active-bg: rgba(255,255,255,0.10);

  /* Ebene 2 */
  --nav2-bg: #172335;
  --nav2-border: rgba(255,255,255,0.14);
  --nav2-link: #dde6f0;
  --nav2-link-hover: #ffffff;
  --nav2-link-active: #ffffff;
  --nav2-active-bg: rgba(255,255,255,0.10);

  /* Ebene 3 */
  --nav3-bg: #131f30;
  --nav3-border: rgba(255,255,255,0.14);
  --nav3-link: #d4deea;
  --nav3-link-hover: #ffffff;
  --nav3-link-active: #ffffff;
  --nav3-active-bg: rgba(255,255,255,0.10);

}