/**
 * Light Theme
 */
body img, .image-container i { filter: brightness(1.0) contrast(1.0); /* @link https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#design */ }
body, html { background-color: #eaefef; color: #151818; }
header .inner { background: none; background-color: transparent; border: none; }
main .inner { background: linear-gradient(rgba(247, 250, 250, 1.0), rgba(243, 246, 246, 1.0)); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05); border: 1px solid #e6e8eb; }
pre { background-color: #fff; }
main a, main a:visited { color: #0066a2; text-decoration: underline; }
main a:hover, main a:visited:hover { color: #006fb0; }
header, header a, header a:visited, header a:hover, header a:visited:hover,
aside, aside a, aside a:visited, aside a:hover, aside a:visited:hover,
footer a, footer a:visited, footer a:hover, footer a:visited:hover, p a i, span a i { color: #151818; }

ul li:before, menu li:before { color: #a8a8a8; }
ol li:before { background-color: none; color: #a8a8a8; }

.separator { border-bottom: 1px solid #e0e0e0; }
.transparent-separator { border-bottom: 1px solid transparent; }
hr { background-color: #e0e0e0; }
pre, .pre, .xdebug-error { background-color: #eaefef; /* .default */ color: #151818; }

.image-container { background-color: #000; }
#back-to-top { color: #fff; background-color: rgba(128, 128, 128, 0.25); }
#back-to-top:hover { background-color: rgba(128, 128, 128, 0.1); }

#header-menu li a:hover {
    background-color: rgba(200, 200, 200, 0.25);
}