body.light .navbar { 
 background-color: #474a4c!important; 
} 
body.light { 
 background-color: #f8f9fa; 
 color: #3f444a; 
} 
body.light h1,
body.light h2,
body.light h3,
body.light h4,
body.light h5 { 
 color: #51402F; 
 text-shadow: 2px 2px 2px #e4dcc9a6,
 4px 4px 3px #bfa87157,
 -1px -1px 0 #9d885b; 
 font-variant: small-caps; 
 background-image: linear-gradient(353deg,
 transparent,
 #c4b58a,
 transparent); 
 width: fit-content; 
 font-variant: small-caps; 
 padding: 1px 7px 0px 4px; 
 border-radius: 8px 2px 8px 2px; 
 box-shadow: 0 0 7px 0px #cbd4c729; 
} 
body.light a.title-link:hover { 
 background-color: #b5cab76e; 
 border-radius: 2px; 
} 
body.light .page-preview { 
 background-color: #f3f2ec; 
 box-shadow: 0 0 16px 4px #c2c2c2cf,
 6px 6px 12px 1px #7375767a; 
} 
body.light .carousel-indicators li { 
 background-color: var(--secondary); 
} 
body.light .carousel-control-prev-icon,
body.light .carousel-control-next-icon { 
 filter: invert(0.5); 
}
body.dark { 
 background-color: #474a4c; 
 color: #abb8c3; 
} 
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5 { 
 color: #fff0c0; 
 text-shadow: 4px -3px 3px #433a38,
 2px 2px 1px #3b352b,
 -1px -1px 0px #504123; 
 font-variant: small-caps; 
 background-image: linear-gradient(353deg,
 transparent,
 #9a7e5296,
 transparent); 
 width: fit-content; 
 box-shadow: 0 0 7px 0px #464d43; 
 padding: 1px 7px 0px 4px; 
 border-radius: 8px 2px 8px 2px; 
} 
body.dark a.title-link:hover { 
 background-image: linear-gradient(353deg,
 #88aa8b8f,
 #9a7e5296,
 #88aa8b8f); 
 border-radius: 2px; 
} 
body.dark .page-preview { 
 box-shadow: 0 0 16px 4px #343a40,
 6px 6px 12px 1px #282b2f; 
}
@media (prefers-color-scheme: dark) {
  body.system { 
   background-color: #474a4c; 
   color: #abb8c3; 
  } 
  body.system h1,
  body.system h2,
  body.system h3,
  body.system h4,
  body.system h5 { 
   color: #fff0c0; 
   text-shadow: 4px -3px 3px #433a38,
   2px 2px 1px #3b352b,
   -1px -1px 0px #504123; 
   font-variant: small-caps; 
   background-image: linear-gradient(353deg,
   transparent,
   #9a7e5296,
   transparent); 
   width: fit-content; 
   box-shadow: 0 0 7px 0px #464d43; 
   padding: 1px 7px 0px 4px; 
   border-radius: 8px 2px 8px 2px; 
  } 
  body.system a.title-link:hover { 
   background-image: linear-gradient(353deg,
   #88aa8b8f,
   #9a7e5296,
   #88aa8b8f); 
   border-radius: 2px; 
  } 
  body.system .page-preview { 
   box-shadow: 0 0 16px 4px #343a40,
   6px 6px 12px 1px #282b2f; 
  }
}