/* Loaded after main stylesheet — system theme + overrides (CDN-safe). */

html.theme-light {
	--color-white: 255 255 255;
	--color-black: 0 0 0;
	--color-black-hvr: 40 40 40;
	--color-primary: 215 25 32;
	--color-primary-hvr: 185 21 27;
	--color-pink: 238 82 79;
	--color-pink-hvr: 202 73 69;
	--color-primary-lighter: 255 237 237;
	--color-secondary: 69 180 13;
	--color-secondary-hvr: 51 134 10;
	--color-light: 179 179 179;
	--color-dark: 71 71 71;
	--color-dark-hvr: 52 52 52;
	--color-natural: 165 165 165;
	--color-natural-darker: 54 54 54;
	--color-natural-beta: 212 212 212;
	--color-natural-alpha: 99 99 99;
	--color-natural-light: 239 239 239;
	--color-natural-lighter: 242 242 242;
	--color-warning: 245 197 24;
	--color-warning-dark: 100 81 2;
	--color-warning-light: 245 216 88;
	--color-gold: 255 199 0;
	--color-info: 24 158 215;
	--color-info-hvr: 21 123 167;
	color-scheme: light;
}

@media (prefers-color-scheme: dark) {
	html:not(.theme-light):not(.dark) {
		--color-white: 0 0 0;
		--color-black: 255 255 255;
		--color-black-hvr: 235 235 235;
		--color-primary: 215 25 32;
		--color-primary-hvr: 185 21 27;
		--color-pink: 238 82 79;
		--color-pink-hvr: 202 73 69;
		--color-primary-lighter: 0 0 0;
		--color-secondary: 69 180 13;
		--color-secondary-hvr: 51 134 10;
		--color-light: 88 88 88;
		--color-dark: 201 201 201;
		--color-dark-hvr: 224 224 224;
		--color-natural: 113 113 113;
		--color-natural-darker: 224 224 224;
		--color-natural-beta: 57 57 57;
		--color-natural-alpha: 174 174 174;
		--color-natural-light: 25 25 25;
		--color-natural-lighter: 18 18 18;
		--color-warning: 245 197 24;
		--color-warning-dark: 100 81 2;
		--color-warning-light: 245 216 88;
		--color-gold: 255 199 0;
		--color-info: 24 158 215;
		--color-info-hvr: 21 123 167;
		color-scheme: dark;
	}

	html:not(.theme-light):not(.dark) body {
		background-color: rgb(18 18 18);
	}

	html:not(.theme-light):not(.dark) .ngt-logo-switch .ngt-logo-on-light-bg {
		display: none;
	}

	html:not(.theme-light):not(.dark) .ngt-logo-switch .ngt-logo-on-dark-bg {
		display: inline-block;
	}

	html:not(.theme-light):not(.dark) .btn-toggle-mode .icon-moon {
		display: none;
	}

	html:not(.theme-light):not(.dark) .btn-toggle-mode .icon-sun {
		display: inline-block;
	}
}

.ngt-logo-switch .ngt-logo-on-dark-bg {
	display: none;
}

html.dark .ngt-logo-switch .ngt-logo-on-light-bg,
html.theme-light .ngt-logo-switch .ngt-logo-on-dark-bg {
	display: none;
}

html.dark .ngt-logo-switch .ngt-logo-on-dark-bg {
	display: inline-block;
}

.btn-toggle-mode .icon-sun {
	display: none;
}

html.dark .btn-toggle-mode .icon-moon,
html.theme-light .btn-toggle-mode .icon-sun {
	display: none;
}

html.dark .btn-toggle-mode .icon-sun {
	display: inline-block;
}

html.theme-light .btn-toggle-mode .icon-moon {
	display: inline-block;
}

html.dark body {
	background-color: rgb(var(--color-natural-lighter) / 1);
}

html.theme-light body,
html[data-ngt-theme="light"] body {
	background-color: rgb(255 255 255);
}

html[data-ngt-theme="light"] {
	--color-white: 255 255 255;
	--color-black: 0 0 0;
	--color-black-hvr: 40 40 40;
	--color-primary: 215 25 32;
	--color-primary-hvr: 185 21 27;
	--color-pink: 238 82 79;
	--color-pink-hvr: 202 73 69;
	--color-primary-lighter: 255 237 237;
	--color-secondary: 69 180 13;
	--color-secondary-hvr: 51 134 10;
	--color-light: 179 179 179;
	--color-dark: 71 71 71;
	--color-dark-hvr: 52 52 52;
	--color-natural: 165 165 165;
	--color-natural-darker: 54 54 54;
	--color-natural-beta: 212 212 212;
	--color-natural-alpha: 99 99 99;
	--color-natural-light: 239 239 239;
	--color-natural-lighter: 242 242 242;
	--color-warning: 245 197 24;
	--color-warning-dark: 100 81 2;
	--color-warning-light: 245 216 88;
	--color-gold: 255 199 0;
	--color-info: 24 158 215;
	--color-info-hvr: 21 123 167;
	color-scheme: light;
}