Custom Input Style

Hello,
I created a custom input form component for OTP password like this:
image
I would like to use default css properties for border colours etc, however if i apply the css rule

border-color: var(–ion-item-color);

the border is black.
How can i style my custom component to looks like a standard component?
thanks in advance

Luca