/* ====================================================================
   IO-CORE · GLOBALS — UA pseudo-element overrides
   ====================================================================
   Selection highlight + scrollbar styling applied app-wide.
   Component-scoped scrollbar rules (e.g. .pub-aside.sc) override these
   via higher specificity — sidebar keeps its narrower 6px scrollbar.
   ==================================================================== */

::selection {
  background: var(--io-accent);
  color: var(--io-on-accent);
}

::-moz-selection {
  background: var(--io-accent);
  color: var(--io-on-accent);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--io-surface-sunken);
}

::-webkit-scrollbar-thumb {
  background: var(--io-accent-subtle);
  border-radius: var(--io-radius-sm);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--io-accent);
}