@layer utilities {
  .input,
  .select,
  .textarea,
  .file-input {
    --input-color: color-mix(
      in oklab,
      var(--color-base-content) 14%,
      transparent
    );
    border-color: var(--input-color);
    box-shadow: none;
  }

  .input:focus-within,
  .input:focus-visible,
  .select:focus-visible,
  .textarea:focus-visible,
  .file-input:focus-visible {
    --input-color: var(--color-primary);
    border-color: var(--input-color);
    box-shadow: 0 0 0 3px
      color-mix(in oklab, var(--color-primary) 16%, transparent);
    outline: none;
  }
}