root.css

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: dark;
}

html {
  @apply bg-slate-800 text-slate-50;
}
body * {
  @apply transition-colors;
}

@layer components {
  [type="text"],
  [type="email"],
  [type="url"],
  [type="password"],
  [type="number"],
  [type="date"],
  [type="datetime-local"],
  [type="month"],
  [type="search"],
  [type="tel"],
  [type="time"],
  [type="week"],
  [multiple],
  textarea,
  select {
    @apply rounded-lg border-2 border-slate-600 bg-transparent placeholder-slate-500 focus:border-yellow-500 focus:ring-0 focus:ring-offset-0 disabled:bg-slate-600;
  }
  [type="checkbox"],
  [type="radio"] {
    @apply rounded-lg border-2 border-slate-600 bg-transparent text-yellow-500 focus:ring-0 focus:ring-offset-0 disabled:bg-slate-600;
  }
}