/*
 * CSS Custom Highlight API rules live outside the compiled stylesheet because
 * Next 16.2.6's Turbopack CSS parser does not recognize ::highlight(). Keeping
 * this as a public asset preserves the standards-based browser behavior while
 * avoiding false build errors during CSS optimization.
 */
::highlight(genie-ai-highlight-yellow) {
  background-color: rgba(254, 219, 0, 0.55);
}

::highlight(genie-ai-highlight-blue) {
  background-color: rgba(144, 205, 250, 0.55);
}

::highlight(genie-ai-highlight-pink) {
  background-color: rgba(246, 153, 223, 0.55);
}

.dark:not(.landing-force-light):not(.force-light)
  *::highlight(genie-ai-highlight-yellow),
.force-dark *::highlight(genie-ai-highlight-yellow) {
  background-color: #5c4a00;
}

.dark:not(.landing-force-light):not(.force-light)
  *::highlight(genie-ai-highlight-blue),
.force-dark *::highlight(genie-ai-highlight-blue) {
  background-color: #1c4870;
}

.dark:not(.landing-force-light):not(.force-light)
  *::highlight(genie-ai-highlight-pink),
.force-dark *::highlight(genie-ai-highlight-pink) {
  background-color: #5e1f4c;
}

/* User-drawn highlights (the full-screen runner's Highlight tool). */
::highlight(genie-user-highlight-yellow) {
  background-color: rgba(254, 219, 0, 0.55);
}

.dark:not(.landing-force-light):not(.force-light)
  *::highlight(genie-user-highlight-yellow),
.force-dark *::highlight(genie-user-highlight-yellow) {
  background-color: #5c4a00;
}