@media (prefers-color-scheme: dark) {
    :root {
        --title-color: #eee;
        --bg-color: #212121;
        --bg-color-dark: #313131;
        --text-color: #eee;
        --active-color: #53b9d5;
        --image-filter: brightness(85%);
    }
	.fusion-main-menu .fusion-main-menu-icon:after {color: var(--text-color) !important;}
    header ul li a { color: var(--title-color) !important;}
    img {filter: var(--image-filter);}
    .body main {
        background-color: var(--bg-color) !important;
    }
    .post-content h1,
    .post-content h2,
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6 { color: var(--title-color) !important;}
    p {color: var(--text-color) !important;}
    body main a { color: var(--active-color) !important;}
    h3 span { color: var(--active-color) !important;}
    .fusion-fullwidth {
        background-color: var(--bg-color) !important;
        background-blend-mode: overlay;
    }
	.fusion-top-header .fusion-header { background-color: var(--bg-color-dark) !important; }
	.dark-mode-container-form form > div { background-color: var(--bg-color-dark) !important; }
	
    .col.content-box-wrapper {background-color: var(--bg-color-dark) !important;}
    .content-container {color: var(--text-color) !important;}
	footer {background-color: var(--bg-color-dark) !important;}
    
    /* Mobile Only */
    .fusion-mobile-nav-item a { background-color: var(--bg-color) !important;}
}