:root {
    --main-hue: 0;
    
    /* Dynamische Farbpalette auf 0% Sättigung gezwungen */
    --primary-deep:      hsl(0, 0%, 17%) !important;
    --primary-darker:    hsl(0, 0%, 13%) !important;
    --primary:           hsl(0, 0%, 25%) !important;
    --primary-hover:     hsl(0, 0%, 35%) !important;
    --primary-light:     hsl(0, 0%, 45%) !important;
    
    /* Menü Farbverlauf Stufen (#menu1 bis #menu8) */
    --menu-1: hsl(0, 0%, 17%) !important;
    --menu-2: hsl(0, 0%, 20%) !important;
    --menu-3: hsl(0, 0%, 25%) !important;
    --menu-4: hsl(0, 0%, 30%) !important;
    --menu-5: hsl(0, 0%, 35%) !important;
    --menu-6: hsl(0, 0%, 40%) !important;
    --menu-7: hsl(0, 0%, 45%) !important;
    --menu-8: hsl(0, 0%, 50%) !important;
    
    /* Hintergründe & Eingabefelder im passenden Grauton */
    --bg-page:   hsl(0, 0%, 93%) !important;
    --bg-card:   hsl(0, 0%, 100%) !important;
    --bg-input:  hsl(0, 0%, 82%) !important;
    --bg-code:   hsl(0, 0%, 92%) !important;
    
    /* Textfarben */
    --text-main:         hsl(0, 0%, 20%) !important;
    --text-muted:        hsl(0, 0%, 42%) !important;
    --text-nav:          hsl(0, 0%, 17%) !important;
    --text-footer:       hsl(0, 0%, 85%) !important;
    --text-footer-hover: hsl(0, 0%, 75%) !important;

    /* Rahmen & Borders */
    --border-container: hsl(0, 0%, 68%) !important;
    --border-color:     hsl(0, 0%, 75%) !important;
    --border-light:     hsl(0, 0%, 85%) !important;
    --border-navi:      hsl(0, 0%, 75%) !important;
    
    /* Markierungen & Feedback */
    --bg-mark:          hsl(0, 0%, 85%) !important;
}