Как установить цвет текста, введенного в поле ввода FormKit в Vue.js с использованием Tailwind CSS?

Я работаю над проектом на Vue.js, где я использую FormKit для управления формами и Tailwind CSS для стилизации. Однако я столкнулся с проблемой: текст, вводимый в поле, появляется того же цвета, что и текст подсказки, который имеет светлый оттенок, в то время как я хотел бы, чтобы введённый текст был темнее.

Вот фрагмент кода, в котором я настраиваю своё поле ввода:

<script setup lang="ts">
import LogoAgilis from '@icons/LogoAgilis.vue'
import { reactive } from 'vue'
import router from '~/router'
import { useAuthStore } from '~/stores/auth'

const authStore = useAuthStore()

const credentials = reactive({
  email: '',
  password: '',
})

const { execute: login, isFetching: isLoadingLogin } = authStore.login(credentials)

function handleSubmit() {
  login()
    .then(() => {
      router.push('/organizations')
    })
}
</script>

<template>
  <div class="bg-white p-8 shadow rounded-lg w-80">
    <form
      class="space-y-4"
      @submit.prevent="handleSubmit"
    >
      <div class="flex justify-center items-center gap-1">
        <LogoAgilis
          :size="48"
          fill="#8d00ec"
        />
      </div>

      <div>
        <label
          for="email"
          class="block text-sm font-medium leading-6 text-neutral-800"
        >
          Электронная почта
        </label>
        <div class="mt-2">
          <InputEmail
            v-model="credentials.email"
            name="email"
            validation="required"
            placeholder="[email protected]"
            class="block w-full rounded-md indent-2 border-0 py-1.5 text-neutral-800 shadow-sm ring-1 ring-inset ring-neutral-300 placeholder:text-neutral-400 focus:outline-2 focus:outline-inset focus:outline-electric-violet-600 sm:text-sm sm:leading-6"
            :inputProps="{ class: 'text-neutral-900' }"
          />
        </div>
      </div>

      <div>
        <label
          for="password"
          class="block text-sm font-medium leading-6 text-neutral-800"
        >
          Пароль
        </label>
        <div class="mt-2">
          <InputPassword
            v-model="credentials.password"
            name="password"
            validation="required"
            class="block w-full rounded-md indent-2 border-0 py-1.5 text-neutral-800 shadow-sm ring-1 ring-inset ring-neutral-300 placeholder:text-neutral-400 focus:outline-2 focus:outline-inset focus:outline-electric-violet-600 sm:text-sm sm:leading-6"
          />
        </div>
        <RouterLink
          to="/recover"
          class="font-medium text-sm text-electric-violet-600 hover:text-electric-violet-500"
        >
          Забыли пароль?
        </RouterLink>
      </div>

      <div>
        <button
          :disabled="isLoadingLogin"
          type="submit"
          class="flex w-full justify-center rounded-md bg-electric-violet-500 px-3 py-1.5 text-sm font-medium leading-6 text-white shadow-sm hover:bg-electric-violet-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-electric-violet-600"
        >
          Войти
        </button>
      </div>
    </form>

    <p class="mt-6 text-center text-sm text-neutral-600 font-medium">
      Новый пользователь?
      <RouterLink
        to="/register"
        class="font-semibold mx-1 leading-6 text-electric-violet-600 hover:text-electric-violet-500"
      >
        Зарегистрироваться
      </RouterLink>
    </p>
  </div>
</template>

В настоящее время я использую следующие настройки для FormKit:

import { pt } from '@formkit/i18n';
import { defaultConfig } from '@formkit/vue';
import { rootClasses } from './formkit.theme';

export default defaultConfig({
  locales: { pt },
  locale: 'pt',
  config: {
    rootClasses,
  },
});

Что я уже попробовал:

1. Добавить различные классы цвета к полю ввода, например text-neutral-900, но это не дало эффекта.
2. Проверить элемент в браузере, чтобы узнать, какие стили применяются, но я не смог найти причину, почему цвет текста, который я ввёл, такой же, как цвет подсказки.

Как я могу гарантировать, что цвет текста, вводимого в поле FormKit, отличается от цвета подсказки? Есть ли способ правильно задать этот цвет, используя Tailwind CSS в сочетании с FormKit? Есть ли предложения о том, как настроить стили полей ввода FormKit?

Заранее спасибо за любую помощь