/* Shared typeface and scrollbars for every portal page. No remote font downloads. */
:root {
  --portal-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

body { font-family: var(--portal-font-sans); }
button, input, select, textarea { font-family: inherit; }

/* Keep document and nested data scroll areas in the same visual system. */
:root { scrollbar-width: thin; scrollbar-color: #9aa3b1 transparent; }
:root.dark { scrollbar-color: #71809a transparent; }
:where(body, body *) {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, currentColor 38%, transparent) transparent;
}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #8f9aaa;
  background: color-mix(in srgb, currentColor 38%, transparent);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}