@import '../../../themes/default.scss';

// base
$color: $color-text-1;
$placeholder: rgba($color-text-1, 0.5);
$bg: rgba($color-main, 0.0);
$border: lighten($color-main, 20%);

// hover/focus
$hover-bg: rgba($color-main, 0.03);
$focus-bg: rgba($color-main, 0.1);

// disabled
$color-disabled-text: $color-disabled-text;
$color-disabled-bg: rgba($color-disabled, 0.1);
$color-disabled-border: rgba($color-disabled, 0.5);

// error
$color-error-border: $color-error;
$hover-error-bg: rgba($color-error, 0.03);
$focus-error-bg: rgba($color-error, 0.1);