:root {
    --form-control-hint-color: var(--color-light-text-secondary);
    --form-control-error-color: var(--color-light-text-negative);
}

:root {
    --input-color: var(--color-light-text-primary);
    --input-placeholder-color: var(--color-light-text-secondary);
    --input-focus-placeholder-color: var(--color-light-text-tertiary);
    --input-with-label-placeholder-color: var(--color-light-text-tertiary);
    --input-caret-color: var(--color-light-neutral-translucent-1300);
    --input-disabled-color: var(--color-light-text-tertiary);
    --input-read-only-color: var(--color-light-text-tertiary);
    --input-error-color: var(--color-light-text-primary);
}

.input {
    color: var(--input-color);
    caret-color: var(--input-caret-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.input:-webkit-autofill {
    -webkit-text-fill-color: var(--input-color);
}

.input::-moz-placeholder {
    color: var(--input-placeholder-color);
}

.input::placeholder {
    color: var(--input-placeholder-color);
}

.hasInnerLabel::-moz-placeholder {
    color: var(--input-with-label-placeholder-color);
}

.hasInnerLabel::placeholder {
    color: var(--input-with-label-placeholder-color);
}

.input:-moz-read-only:not(.disableUserInput) {
    color: var(--input-read-only-color);
    -webkit-text-fill-color: var(--input-read-only-color);
}

.input:read-only:not(.disableUserInput) {
    color: var(--input-read-only-color);
    -webkit-text-fill-color: var(--input-read-only-color);
}

.input:read-only:not(.disableUserInput):focus::-moz-placeholder {
        color: var(--input-placeholder-color);
    }

.input:-moz-read-only:not(.disableUserInput):focus::placeholder {
        color: var(--input-placeholder-color);
    }

.input:read-only:not(.disableUserInput):focus::placeholder {
        color: var(--input-placeholder-color);
    }

.input:disabled {
    color: var(--input-disabled-color);
    -webkit-text-fill-color: var(--input-disabled-color);
}

.input:focus::-moz-placeholder {
    color: var(--input-focus-placeholder-color);
}

.input:focus::placeholder {
    color: var(--input-focus-placeholder-color);
}

.error {
    color: var(--input-error-color);
    caret-color: var(--input-error-color);
}

.textarea {
    color: var(--input-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.textarea::-moz-placeholder {
    color: var(--input-placeholder-color);
}

.textarea::placeholder {
    color: var(--input-placeholder-color);
}

.hasInnerLabel::-moz-placeholder {
    color: var(--input-with-label-placeholder-color);
}

.hasInnerLabel::placeholder {
    color: var(--input-with-label-placeholder-color);
}

.textarea:disabled {
    color: var(--input-disabled-color);
    -webkit-text-fill-color: var(--input-disabled-color);
}

.textarea:-moz-read-only {
    color: var(--input-read-only-color);
}

.textarea:read-only {
    color: var(--input-read-only-color);
}

.textarea:focus::-moz-placeholder {
    color: var(--input-focus-placeholder-color);
}

.textarea:focus::placeholder {
    color: var(--input-focus-placeholder-color);
}

.hint {
    color: var(--form-control-hint-color);
}

.error {
    color: var(--form-control-error-color);
}