/* Public-site dark theme tokens, matched to the reference dashboard.
   Light mode (body.light-theme) keeps its own remaps. */
body:not(.light-theme){
	--bg-b0:#12161c;
	--color-yellow-lite:#ffcc00;
	background-color:#12161c;
}
body:not(.light-theme) .header{
	background-color:#12161c;
}
body:not(.light-theme) .footer{
	background-color:#12161c;
}
body:not(.light-theme) .login-btn{
	background-color:#252a32;
}
body:not(.light-theme) .user-menu,
body:not(.light-theme) .sub-nav dl,
body:not(.light-theme) .lang-list{
	background:#1c2128;
}
body:not(.light-theme) .user-list li a:hover{
	background-color:#252a32;
}
@media only screen and (max-width:767px){
	body:not(.light-theme) .nav{
		background-color:#12161c;
	}
}

body:not(.light-theme) .switch-wrapper .slider,
body:not(.light-theme) .switch-wrapper input:checked + .slider{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
}
body:not(.light-theme) .switch-wrapper .slider:before,
body:not(.light-theme) .switch-wrapper input:checked + .slider:before{
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	right:0 !important;
	width:100% !important;
	height:100% !important;
	transform:none !important;
	border-radius:50%;
	background:#1a2740 url(../images/moon.svg?v=20260827k) no-repeat center center !important;
	background-size:18px 18px !important;
}