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

/* Force dark mode styles - Tailwind v4 compatibility issue workaround */
html.dark {
  color-scheme: dark;
}

html.dark body {
  background-color: rgb(17 24 39) !important; /* dark:bg-gray-900 */
  color: rgb(243 244 246) !important; /* dark:text-gray-100 */
}

html.dark .bg-white {
  background-color: rgb(31 41 55) !important; /* dark:bg-gray-800 */
}

html.dark .text-gray-900 {
  color: rgb(243 244 246) !important; /* dark:text-gray-100 */
}

html.dark .border-gray-200 {
  border-color: rgb(75 85 99) !important; /* dark:border-gray-600 */
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Force dark mode styles - Tailwind v4 compatibility issue workaround */
html.dark {
  color-scheme: dark;
}

html.dark body {
  background-color: rgb(17 24 39) !important; /* dark:bg-gray-900 */
  color: rgb(243 244 246) !important; /* dark:text-gray-100 */
}

html.dark .bg-white {
  background-color: rgb(31 41 55) !important; /* dark:bg-gray-800 */
}

html.dark .text-gray-900 {
  color: rgb(243 244 246) !important; /* dark:text-gray-100 */
}

html.dark .border-gray-200 {
  border-color: rgb(75 85 99) !important; /* dark:border-gray-600 */
}