diff --git a/src/app.css b/src/app.css index 5b73331..ea031b9 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,24 @@ @import 'tailwindcss'; @custom-variant dark (&:where(.dark, .dark *)); + +/* Tailwind v4's Preflight removes cursor:pointer from buttons — restore the expected UX. */ +@layer base { + button:not(:disabled), + [role='button']:not(:disabled), + summary, + label[for], + select:not(:disabled), + input[type='submit']:not(:disabled), + input[type='reset']:not(:disabled), + input[type='button']:not(:disabled), + input[type='checkbox']:not(:disabled), + input[type='radio']:not(:disabled) { + cursor: pointer; + } + + button:disabled, + [role='button'][aria-disabled='true'] { + cursor: not-allowed; + } +}