:root:has(>body[data-theme="LIGHT"]){
    --primary: #00c77b;
    --primary-light: #009e61;
	--primary-dark: #c4e9c2;

	--background: #f1f1f1;
	--surface: #ffffff;
	--surface-alt: #f0f0f0;

	--text-main: #fff;
	--text-secondary: #757575; /* Grigio */
	--text-muted: #111; /* Grigio chiaro */
	--text-primary: #333;
	--text-secondary: #000;

	--good-number: #044704;
	--bad-number: #a1001e;
	--sale-symbol: #044704;
	--purchase-symbol: #a1001e;
}


:root:has(>body[data-theme="LIGHT"]) .page_card{
    border-color: rgba(0,0,0,0.05);
    box-shadow: 0 0.0625rem 0.0625rem rgba(0,0,0,0.1),
				0 0.125rem 0.125rem rgba(0,0,100,0.05),
				0 0.25rem 0.25rem rgba(0,0,0,0.05),
				0 0.5rem 0.5rem rgba(0,200,100,0.1);
}

:root:has(>body[data-theme="LIGHT"]) .homeMultiSel_btn{
	background: var(--background);
	color: var(--text-muted);
}
:root:has(>body[data-theme="LIGHT"]) .homeMultiSel_btnCat{
    /* opacity:0.15 */

}


:root:has(>body[data-theme="LIGHT"]) #app_sideMenu_info{
    background: rgba(50,255,0,0.1 );
}