/* Global highlight styles are served directly: Turbopack drops ::highlight() in development.
   Colors still come from the shared theme tokens in app/globals.css. */
/* Paint saved study ranges without replacing React's text nodes or interactive controls. */
::highlight(study-yellow) {
  background-color: var(--color-highlight-yellow);
  color: var(--color-highlight-yellow-ink);
  text-decoration: underline dotted;
}
::highlight(study-neutral) {
  background-color: color-mix(in srgb, var(--color-ink) 15%, transparent);
  color: var(--color-ink);
  text-decoration: underline dotted;
}
::highlight(study-blue) {
  background-color: color-mix(in srgb, var(--color-brand) 20%, transparent);
  color: var(--color-ink);
  text-decoration: underline dotted;
}
::highlight(study-green) {
  background-color: color-mix(in srgb, var(--color-done) 20%, transparent);
  color: var(--color-ink);
  text-decoration: underline dotted;
}