/* Mobile text selection colors. CSS-only so selection toolbar behavior stays untouched. */
:root {
  --ex-selection-bg: rgba(212, 168, 67, 0.42);
  --ex-selection-fg: #fff7df;
}

html[data-class="6"] {
  --ex-selection-bg: rgba(214, 25, 122, 0.38);
  --ex-selection-fg: #fff4fb;
}

html[data-class="7"] {
  --ex-selection-bg: rgba(0, 136, 255, 0.38);
  --ex-selection-fg: #effaff;
}

html[data-class="8"] {
  --ex-selection-bg: rgba(34, 197, 94, 0.38);
  --ex-selection-fg: #f0fff6;
}

html[data-class="9"] {
  --ex-selection-bg: rgba(100, 136, 255, 0.40);
  --ex-selection-fg: #f2f5ff;
}

html[data-class="10"] {
  --ex-selection-bg: rgba(212, 168, 67, 0.46);
  --ex-selection-fg: #fff8df;
}

html[data-class="other"] {
  --ex-selection-bg: rgba(124, 58, 237, 0.38);
  --ex-selection-fg: #ffffff;
}

::selection {
  background: var(--ex-selection-bg);
  color: var(--ex-selection-fg);
}

input::selection,
textarea::selection,
[contenteditable="true"]::selection {
  background: var(--ex-selection-bg);
  color: var(--ex-selection-fg);
}