html.light {
	--bcg: white;
	--color-primary: #3b9fd5;
	/*--rz-primary-lighter: rgba(56,113,255,0.2);*/
	/*--rz-primary-light: #88aaff;*/
	/*	--rz-primary-lighter: var(--color-slate-200);
	--rz-primary-dark: #2f5fd6;
	--rz-primary: #2f5fd6;
	--rz-primary-darker: #2b56c2;*/
	--rz-primary: #3b9fd5;
	--rz-primary-light: #88aaff;
	--rz-primary-lighter: var(--color-slate-300); /*rgba(56,113,255,0.2);*/
	--rz-primary-dark: #2f5fd6;
	--rz-primary-darker: #2b56c2;
	--rz-warning: #ffae11;
	--rz-warning-light: #ffbb37;
	--rz-warning-lighter: rgba(255,174,17,0.2);
	--rz-warning-dark: #d6920e;
	--rz-warning-darker: #c2840d;
	/*--rz-tabs-background-color: var(--bcg);*/

	--rz-success: #5dbf74;
	--rz-success-light: #77c98a;
	--rz-success-lighter: rgba(93, 191, 116, 0.16);
	--rz-success-dark: #4ea061;
	--rz-success-darker: #468f57;

	--rz-info-orig: #2cc8c8;
	--rz-info: #4669fa;
	--rz-info-light: #4ed1d1;
	--rz-info-lighter: #2cc8c833;
	--rz-info-dark: #25a8a8;
	--rz-info-darker: #219696;

	/* Danger – dempet, elegant rose-rød (unngår sterk rosa fra standard-temaet) */
	--rz-danger: #cf6b72;
	--rz-danger-light: #dc848a;
	--rz-danger-lighter: rgba(207, 107, 114, 0.14);
	--rz-danger-dark: #bb595f;
	--rz-danger-darker: #a54f54;
	--rz-on-danger: #fff;

	/* SelectBar (aktiv tab) – dempet, nøytral i lys modus */
	--rz-selectbar-selected-background-color: #eef2f7; /* myk grå-blå */
	--rz-selectbar-selected-color: var(--rz-primary-dark);
	--rz-selectbar-selected-hover-background-color: #e2e8f0;
	--rz-selectbar-selected-hover-color: var(--rz-primary-darker);

	/* DataGrid rad-hover/valgt – dempet grå, mørk lesbar tekst */
	--rz-grid-hover-background-color: #eef2f7;
	--rz-grid-hover-color: #1e293b;
	--rz-grid-focus-color: #1e293b;

	/* Treeview node hover/valgt – samme nøytrale palett som grid */
	--rz-tree-node-hover-background-color: #eef2f7;
	--rz-tree-node-hover-color: #1e293b;
	--rz-tree-node-selected-background-color: #dbe3ee;
	--rz-tree-node-selected-color: #1e293b;
}

	/* Sikkerhetsnett: tving mørk, lesbar tekst på tree-noder i lys modus */
	html.light .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label,
	html.light .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label a {
		background-color: #eef2f7 !important;
		color: #1e293b !important;
	}

	html.light .rz-treenode-content-selected .rz-treenode-label,
	html.light .rz-treenode-content-selected .rz-treenode-label a {
		background-color: #dbe3ee !important;
		color: #1e293b !important;
	}