index.css

@import './src/styles/animation.css';

@import './src/styles/ui/button.css';
@import './src/styles/ui/codeblock.css';
@import './src/styles/ui/feedback.css';
@import './src/styles/ui/floating.css';

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

@layer components {
  .disabled {
    @apply !cursor-not-allowed !opacity-off *:!pointer-events-none;
  }

  :not(button).linkable {
    @apply cursor-pointer from-light-blue to-light-blue bg-underline-[1px] hover:text-light-blue hover:active dark:from-dark-blue dark:to-dark-blue dark:hover:text-dark-blue;
  }
}