:root {
  color-scheme: light;
  --bg-body: #f6f6f6;
  --bg-surface: #fff;
  --bg-header: #fff;
  --bg-sidebar: #f8f9fa;
  --bg-muted: #f8f9fa;
  --bg-table-head: #eaecf0;
  --bg-hover: #f8f9fa;
  --bg-input: #fff;
  --bg-btn: #f8f9fa;
  --bg-btn-hover: #fff;
  --bg-code: #f8f9fa;
  --bg-overlay: rgba(0, 0, 0, 0.35);
  --text-primary: #202122;
  --text-secondary: #54595d;
  --text-link: #0645ad;
  --border: #a2a9b1;
  --border-light: #c8ccd1;
  --border-accent: #a7d7f9;
  --border-subtle: #eaecf0;
  --shadow: rgba(0, 0, 0, 0.1);
  --shadow-dialog: rgba(0, 0, 0, 0.15);
  --success-bg: #eaf3e6;
  --success-border: #14866d;
  --warning-bg: #fef6e7;
  --warning-border: #fc3;
  --error-bg: #fcebeb;
  --error-border: #cc3333;
  --notice-border: #3366cc;
  --ambox-bg: #fbfbfb;
  --diff-added-bg: #eaf3e6;
  --diff-added-text: #14866d;
  --diff-removed-bg: #fcebeb;
  --diff-removed-text: #cc3333;
  --dialog-primary-bg: #eaf3ff;
  --dialog-warning-primary-bg: #fef6e7;
  --online: #00af89;
  --offline: #a2a9b1;
  --afk: #dbab09;
  --layout-max-width: 1480px;
  --layout-gutter: 28px;
  --sidebar-width: 220px;
  --layout-column-left: calc((100vw - min(var(--layout-max-width), 100vw)) / 2);
  --content-padding-x: 24px;
  --wiki-content-padding-x: 20px;
  --wiki-toc-width: 13.5em;
  --infobox-width: 22em;
  --header-search-max-width: 420px;
  --theme-transition-duration: 0.25s;
  --theme-transition-easing: ease;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg-body: #0d1117;
  --bg-surface: #161b22;
  --bg-header: #000;
  --bg-sidebar: #0d1117;
  --bg-muted: #21262d;
  --bg-table-head: #21262d;
  --bg-hover: #21262d;
  --bg-input: #0d1117;
  --bg-btn: #21262d;
  --bg-btn-hover: #30363d;
  --bg-code: #21262d;
  --bg-overlay: rgba(0, 0, 0, 0.6);
  --text-primary: #e6edf3;
  --text-secondary: #8b949e;
  --text-link: #58a6ff;
  --border: #30363d;
  --border-light: #30363d;
  --border-accent: #388bfd;
  --border-subtle: #30363d;
  --shadow: rgba(0, 0, 0, 0.4);
  --shadow-dialog: rgba(0, 0, 0, 0.5);
  --success-bg: #12261e;
  --success-border: #3fb950;
  --warning-bg: #2a2008;
  --warning-border: #d29922;
  --error-bg: #2d1214;
  --error-border: #f85149;
  --notice-border: #388bfd;
  --ambox-bg: #161b22;
  --diff-added-bg: #12261e;
  --diff-added-text: #3fb950;
  --diff-removed-bg: #2d1214;
  --diff-removed-text: #f85149;
  --dialog-primary-bg: #132d52;
  --dialog-warning-primary-bg: #2a2008;
  --online: #3fb950;
  --offline: #6e7681;
  --afk: #d29922;
}
html[data-layout="wide"] {
  --layout-max-width: none;
  --layout-column-left: var(--layout-gutter);
  --header-search-max-width: min(720px, 42vw);
}

html[data-layout="wide"] .search-form {
  max-width: min(960px, 100%);
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.25s;
  animation-timing-function: ease;
}

@media (prefers-reduced-motion: no-preference) {
  html.theme-switching,
  html.theme-switching *,
  html.theme-switching *::before,
  html.theme-switching *::after {
    transition-property: background-color, color, border-color, box-shadow, outline-color, text-decoration-color, fill, stroke !important;
    transition-duration: 0.25s !important;
    transition-timing-function: ease !important;
  }

  html.theme-switching .theme-toggle-icons,
  html.theme-switching .theme-icon,
  html.theme-switching .theme-icon * {
    transition-property: transform, opacity !important;
  }
}