fix(checkbox & radiobutton): border-color change (#1187)

Co-authored-by: yinon <yinon@hotmail.com>

components/checkbox/src/vwc-checkbox.scss

@@ -3,7 +3,7 @@
 :host {
 	--mdc-checkbox-ink-color: var(#{scheme-variables.$vvd-color-neutral-10});
 	--mdc-checkbox-checked-color: var(#{scheme-variables.$vvd-color-on-canvas});
-	--mdc-checkbox-unchecked-color: var(#{scheme-variables.$vvd-color-on-canvas});
+	--mdc-checkbox-unchecked-color: var(#{scheme-variables.$vvd-color-neutral-70});
 	--mdc-checkbox-disabled-color: var(
 		#{scheme-variables.$vvd-color-neutral-30}
 	);
@@ -54,8 +54,9 @@
 	.mdc-checkbox__native-control:enabled {
 		&:hover,
 		&:focus {
+
 			~ .mdc-checkbox__background {
-				box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+				--mdc-checkbox-unchecked-color: var(#{scheme-variables.$vvd-color-on-canvas});
 			}
 		}
 	}

components/radio/src/vwc-radio.scss

@@ -1,7 +1,7 @@
 @use '@vonage/vvd-design-tokens/build/scss/semantic-variables/_scheme-variables' as scheme-variables;
 
 :host {
-	--mdc-radio-unchecked-color: var(#{scheme-variables.$vvd-color-on-canvas});
+	--mdc-radio-unchecked-color: var(#{scheme-variables.$vvd-color-neutral-70});
 	--mdc-radio-disabled-color: var(#{scheme-variables.$vvd-color-neutral-30});
 }
 
@@ -21,8 +21,8 @@
 	.mdc-radio__native-control:enabled {
 		&:hover,
 		&:focus {
-			+ .mdc-radio__background .mdc-radio__outer-circle {
-				box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+			~ .mdc-radio__background .mdc-radio__outer-circle {
+				--mdc-radio-unchecked-color: var(#{scheme-variables.$vvd-color-on-canvas});
 			}
 		}
 	}