:root,
body.light {
    --primary: #5D9CEC;
	--primary-hover: #4A89DC;
	--on-primary: #F7FAFB;
	--on-primary-hover: #F7FAFB;
    --secondary: #3f7bc9;
	--secondary-hover: #3068b3;
	--on-secondary: #F7FAFB;
	--on-secondary-hover: #F7FAFB;
	--card:#FFFFFF;
	--on-card:#3b4351;
	--card-image-bg:#d0d8ef;
    --background: #f2f2fa;
    --on-background: #3b4351;
	--on-code:#3b4351;
	--header: #EAEBEF;
	--on--header: #3b4351;	
}