/* Page, tables, menus and dialogs follow the application's selected theme. */
:root {
  color-scheme: light;
  --scrollbar-track: #f1f3f5;
  --scrollbar-thumb: #c2c9d2;
  --scrollbar-thumb-hover: #aab4c0;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --scrollbar-track: #1c1c1c;
  --scrollbar-thumb: #555d68;
  --scrollbar-thumb-hover: #737e8c;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Fallback for browsers using WebKit's scrollbar styling. */
@supports not (scrollbar-color: auto) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
  ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border: 2px solid var(--scrollbar-track);
    border-radius: 8px;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
}