/**
 * CATCHIT HIGHLIGHT API STYLES
 * 
 * [Bypass Build Tool]
 * ::highlight pseudo-element is not yet supported by some CSS parsers (PostCSS/Turbopack).
 * We serve this file as a static asset to ensure the browser can still use these styles.
 */

/* 확정된 마크 (Confirmed) */
::highlight(catchit-mark-confirmed) {
  background-color: var(--color-mark-confirmed-bg);
  color: var(--color-mark-confirmed-text);
  /* Light mode: subtle underline, Dark mode: text-shadow glow via tokens if possible? 
     Wait, it's easier to just use text-shadow globally; it looks like a subtle lift in light mode too. */
}

/* 선택 중인 영역 (Pending) */
::highlight(catchit-mark-pending) {
  background-color: var(--color-mark-pending-bg);
  color: var(--color-mark-pending-text);
}