This commit adds the complete Tailwind CSS framework, including base styles, utility classes, and theme definitions, to facilitate modern and efficient UI development.
* **New Features**
* **Tailwind CSS Integration**: Added the `tailwind.css` file, bringing the full Tailwind CSS framework into the project.
* **Base Styling**: Included a comprehensive CSS reset and foundational styles for standard HTML elements.
* **UI Component Utilities**: Provided utility classes for core UI components such as buttons (`.btn`), collapsible sections (`.collapse`), lists (`.list`), input fields (`.input`), steps indicators (`.steps`), select dropdowns (`.select`), avatars (`.avatar`), cards (`.card`), and progress bars (`.progress`).
* **Theme System**: Implemented light and dark mode themes with Oklch color definitions and CSS variables for extensible styling.
* **Animation Utilities**: Introduced various keyframe animations for interactive elements like ratings, dropdowns, toasts, and progress indicators.
* **Enhancements & Refinements**
* **Modern CSS Practices**: Utilized `@layer` directives for structured styling, `@property` for custom CSS variable definitions, and `color-mix` for dynamic color calculations.
* **Accessibility Improvements**: Enhanced focus states and user-select behaviors for interactive elements to improve usability.
* **Responsive Layout Foundations**: Defined responsive container widths and utility classes for consistent layouts across different screen sizes.
sankalp
e58913caad