/* OS dark theme preference */
@media only screen {

	.is-dark-theme.is-dark-theme {
		--global--color-background: var(--page);
		--global--color-primary: var(--global--color-light-gray);
		--global--color-secondary: var(--global--color-light-gray);
		--button--color-text: var(--global--color-background);
		--button--color-text-hover: var(--global--color-secondary);
		--button--color-text-active: var(--global--color-secondary);
		--button--color-background: var(--global--color-secondary);
		--button--color-background-active: var(--global--color-background);
		--global--color-border: #9ea1a7;

		/* Block: Table */
		--table--stripes-border-color: rgba(240, 240, 240, 0.15);
		--table--stripes-background-color: rgba(240, 240, 240, 0.15);

		/* SUONO colours */
		--logo: 255,255,255;
		--toolbar: 10, 70, 120; 
		--toolbaropt: 10, 85, 140;
		/* --toolbaropt2: rgba(10, 85, 140,0.5); */
		--personhighlight:255, 255, 255;
		--cookiebar: 255,255,255;
		--text:255,255,255;
		--highlight: 255, 166, 0;
		--hover-highlight: var(--white);
		--button-hightlight: var(--highlight);
		--pod_more_hover:var(--highlight);
		--page:5, 30, 50;
		--ahover:var(--highlight);
		--overlay:rgba(10,156,255,0.2);
		--podlist:255,255,255;
		--iconhover:var(--toolbar);
		--navactive: var(--logo);

		--menu-bar: rgb(10, 51, 86);
		--menu-bar-open: rgb(10, 42, 69);
		--menu-buttons:rgba(var(--white),1);
		--menu-links-hover:rgb(var(--text));
		--option-active:rgba(var(--dark-orange));
		--menu-button-icon-closed: rgba(var(--white),0.3);
		/* --menu-button-icon-open: rgb(var(--orange)); */

	    --image-detail-bodytext-colour:rgba(var(--text),0.6);
		--hashtag:rgb(var(--white));
		--linkedin-person-logo: rgb(var(--text));
		--linkedin-card-border: rgb(var(--toolbar));
		--linkedin-card: rgb(var(--toolbaropt));
		--linkedin-intro-border: rgb(var(--white));
		--linkedin-intro-card: rgb(var(--toolbar));

		/* link types */

	}

	.is-dark-theme.is-dark-theme img.fadeOnDark,
	.is-dark-theme.is-dark-theme div.fadeOnDark{
		/* this just makes everything go slow */
		/* filter: brightness(0.85) contrast(1.1); */
		/* mix-blend-mode:lighten; */
		opacity: 0.85;
	}

	.respect-color-scheme-preference.is-dark-theme body {
		background-color: var(--global--color-background);
	}

	.no-js #dark-mode-toggler {
		display: none;
	}

	.splide_imagedetail{
		color: rgba(var(--splide-detail-text-colour),0.55);
	}

}