:root {
    /* Grundfarben */
    --color-bg:          #1E1E1E;     /* Hintergrund – Anthrazit */
    --color-text:        #F9F5EC;     /* Haupttext – Creme / Eierschale */
    --color-link:        #F6B343;     /* Link-Highlight – sonniges Gelb */
    --color-link-hover:  #D58E35;     /* Hover-Akzent – warmes Orange */
    --color-muted:       #B7B0A5;     /* Dezente Flächen/Details (z. B. für Linien, Sekundärtext) */
    --color-dropdown-bg: #2c2c2c;     /* leicht heller als dein Seitenhintergrund (#1E1E1E) */

  
    /* Strukturfarben */
    --color-header:    #1E1E1E;
    --color-footer:    #1E1E1E;
  
    /* Schriften & Grundlayout */
    --font-base:       'Lora', serif;
    --font-size:       1.05rem;
    --line-height:     1.6;
    --spacing-unit:    2rem;
  }