/*
Theme Name: Bearwater
Theme URI: 
Author: marcus
Author URI: 
Description: Bearwater, childtheme of Poe by Anders Norén
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: poe
Text Domain: bearwater
Tags: 
*/

:root {
  color-scheme: light dark; /* both supported */
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */
	:root {
	--background: #282a36;
	--text: #f8f8f2;
	--accent: #bd93f9;
	--highlight: #f1fa8c;
	}
}

@media (prefers-color-scheme: light) {
  /* Light theme styles go here */
	:root {
	--primary: #bd93f9;
	--secondary: #f1fa8c;
	--dot: #bd93f9;	
	}
}

html {
  scroll-behavior: smooth;
} 

body {
	background: var(--background) !important;
}

/*
@media only screen and (max-width: 767px) {

	.custom-logo-link {
		padding-top: 20px;
		padding-right: 20px;
	}
	
	
	img.custom-logo {
		display: block;
		overflow: visible !important;
		background-color: var(--secondary);
	}
	
	.wp-block-site-logo, .wp-block-site-logo a {
		line-height: unset !important;
	}
}
*/

.wp-site-blocks {
	& ::selection {
		background-color: #bd93f9 !important;
		color: #ffffff !important;
	}
	
	& p {
		color: var(--text);
	}
	
	& li {
		color: var(--text);
	}
	
	& h1 {
		color: var(--accent);
	}
	
	& h1#hero span {
		color: var(--dot);
	}
	
	& h2, h3, h4, h5, h6 {
		color: var(--text);
	}
	
	& .wp-block-list li::marker {
  		color: var(--dot);
	}
		
	& nav a.wp-block-navigation-item__content > span {
		color: var(--text);
	}
	
	& nav a.wp-block-navigation-item__content > span a:hover {
		text-decoration: underline !important;
	}
}

@media (prefers-color-scheme: dark) {
	.wp-site-blocks {
		
		& .wp-block-cover__image-background {
			background-color: var(--background);
			background-blend-mode: overlay;
		}
		
		& .wp-block-cover > img, figure.wp-block-image > img {
    		filter: brightness(.8) contrast(1.2);
  		}
	
		& img.custom-logo {
			filter: invert(100%) contrast(1.2);
		}
		
		& .wp-block-cover__background.has-background-background-color {
		background-color: #44475a !important;
		}
		
		& .has-quaternary-background-color {
		background-color: #44475a !important;
		}
	}
}