@import "tailwindcss";

@source "../../../app/views/**/*.erb";
@source "../../../app/helpers/**/*.rb";
@source "../../../app/javascript/**/*.js";
@source "../../../app/components/**/*.rb";
@source "../../../app/components/**/*.erb";

@custom-variant dark (&:where(.dark, .dark *));

/* Text Selection Styles - Override any defaults */
::selection {
  background-color: oklch(60% 0.18 260) !important; /* Blue selection background */
  color: oklch(98% 0 0) !important; /* White text */
}

/* Dark mode selection */
html[data-theme="dark"] ::selection,
.dark ::selection {
  background-color: oklch(45% 0.2 260) !important; /* Darker blue for dark mode */
  color: oklch(98% 0 0) !important; /* White text */
}

/* Mozilla Firefox */
::-moz-selection {
  background-color: oklch(60% 0.18 260) !important;
  color: oklch(98% 0 0) !important;
}

html[data-theme="dark"] ::-moz-selection,
.dark ::-moz-selection {
  background-color: oklch(45% 0.2 260) !important;
  color: oklch(98% 0 0) !important;
}