:root:not(.dark-mode) {
    --documenttitle: hsl(240, 28%, 31%);
    --bodytitle: hsl(192, 98%, 24%);
    --bodysubtitle: hsl(240, 50%, 34%);
    --bodytitlehighlight: hsl(240, 100%, 94%);
    --bodysubtitlehighlight: hsl(192, 98%, 24%);
  
    --chaptertoc: hsl(240, 28%, 31%);
    --chaptertoctext: white;
    --chaptertocactive: hsl(192, 98%, 24%);
    --chaptertoctextactive: hsl(240, 28%, 31%);
    --sectiontoc: hsl(0, 0%, 94%);
    --sectiontoctext: hsl(240, 28%, 31%);
    --sectiontocactive: var(--chaptertocactive);
    --sectiontoctextactive: var(--chaptertoctextactive);
    --tocborder: hsl(240, 50%, 90%);
  
    --highlighttoc: hsl(192, 98%, 24%);
    --highlighttoctext: hsl(240, 28%, 31%);
    --highlighttocborder: white;
  
    --assemblageborder: #bfd5ec;
    --assemblagebackground: #e9eff5;
  
    --knowlborder: #e0e9ff;
    --knowlbackground: #f5f8ff;
  
    --componentBGColor: var(--assemblagebackground);
    
    --primaryrich: hsl(240, 28%, 31%);
  }