@media (prefers-color-scheme: dark) {
  :root {
    --color-mode: 'dark';
  }
  :root:not([data-user-color-scheme]) {
    --main-color: #4d7cff;
    --accent: #0052ff;
    --accent-secondary: #4d7cff;
    --bg-color: #0f172a;
    --bg-content-color: #1e293b;
    --bg-menu: #1e293b;
    --bg-tag-color: #334155;
    --bg-codeblock: #0f172a;
    --bg-code: rgba(240,246,252,0.08);
    --body-color: rgba(255,255,255,0.82);
    --title-color: rgba(255,255,255,0.92);
    --border-color: rgba(255,255,255,0.08);
    --muted-fg: rgba(148,163,184,0.8);
  }
  :root:not([data-user-color-scheme]) blockquote {
    border-left: 0.25em solid #4d7cff;
    color: rgba(255,255,255,0.5);
  }
  :root:not([data-user-color-scheme]) .post__license {
    background-color: rgba(255,255,255,0.06);
    border-left-color: #4d7cff;
  }
  :root:not([data-user-color-scheme]) .post__content img {
    opacity: 0.85;
    -webkit-filter: brightness(0.85) contrast(1.1);
    filter: brightness(0.85) contrast(1.1);
  }
  :root:not([data-user-color-scheme]) .post__content img:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }
  :root:not([data-user-color-scheme]) .post__content a {
    color: #4d7cff;
  }
  :root:not([data-user-color-scheme]) .sliding-fold,
  :root:not([data-user-color-scheme]) details {
    background: #1e293b;
  }
  :root:not([data-user-color-scheme]) table tr:not(.code):not(.gutter):nth-child(2n) {
    background-color: rgba(255,255,255,0.03);
  }
  :root:not([data-user-color-scheme]) .content-card,
  :root:not([data-user-color-scheme]) .post-entry {
    border-color: rgba(255,255,255,0.06);
    -webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.4), 0 1px 4px rgba(0,0,0,0.3);
    box-shadow: 0 2px 16px rgba(0,0,0,0.4), 0 1px 4px rgba(0,0,0,0.3);
  }
  :root:not([data-user-color-scheme]) .post-entry:hover {
    border-color: rgba(0,82,255,0.25);
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 4px 14px rgba(0,82,255,0.12);
    box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 4px 14px rgba(0,82,255,0.12);
  }
  :root:not([data-user-color-scheme]) .header {
    background: rgba(15,23,42,0.72);
    border-bottom-color: rgba(255,255,255,0.04);
  }
  :root:not([data-user-color-scheme]) .header .logo__text {
    color: rgba(255,255,255,0.92) !important;
  }
  :root:not([data-user-color-scheme]) .header .navbar-menu {
    color: rgba(255,255,255,0.82) !important;
  }
  :root:not([data-user-color-scheme]) .header .navbar-menu:hover {
    color: #4d7cff !important;
    background-color: rgba(0,82,255,0.1);
  }
  :root:not([data-user-color-scheme]) .header .dropdown-menu {
    color: rgba(255,255,255,0.82);
  }
  :root:not([data-user-color-scheme]) .header #btn-search,
  :root:not([data-user-color-scheme]) .header #btn-toggle-dark {
    color: rgba(255,255,255,0.82);
  }
  :root:not([data-user-color-scheme]) .header .dropdown-icon {
    color: rgba(255,255,255,0.82);
  }
  :root:not([data-user-color-scheme]) .cover .cover__logo h1 {
    -webkit-text-fill-color: transparent;
  }
  :root:not([data-user-color-scheme]) ::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,0.3) !important;
  }
  :root:not([data-user-color-scheme]) ::-webkit-scrollbar-thumb:hover {
    background: #4d7cff !important;
  }
  :root:not([data-user-color-scheme]) #b2t {
    background-color: #1e293b;
    border-color: rgba(255,255,255,0.06);
  }
  :root:not([data-user-color-scheme]) #b2t:hover {
    border-color: rgba(0,82,255,0.3);
  }
  :root:not([data-user-color-scheme]) .dropdown-menus {
    border-color: rgba(255,255,255,0.06);
  }
  :root:not([data-user-color-scheme]) code {
    color: #4d7cff;
  }
  :root:not([data-user-color-scheme]) .post-tags__link {
    background-color: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7) !important;
  }
  :root:not([data-user-color-scheme]) .post-tags__link:hover {
    background-color: rgba(0,82,255,0.12);
    color: #4d7cff !important;
    border-color: rgba(0,82,255,0.2);
  }
  :root:not([data-user-color-scheme]) .post-cats__link {
    background-color: rgba(0,82,255,0.1);
    border-color: rgba(0,82,255,0.15);
    color: #4d7cff !important;
  }
  :root:not([data-user-color-scheme]) .toc .toc-link {
    color: rgba(255,255,255,0.5);
  }
  :root:not([data-user-color-scheme]) .toc-menus {
    border-color: rgba(255,255,255,0.06);
  }
  :root:not([data-user-color-scheme]) .toc-menus .toc-title {
    border-bottom-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.5);
  }
  :root:not([data-user-color-scheme]) .archives-item::before {
    background: rgba(255,255,255,0.08);
  }
  :root:not([data-user-color-scheme]) m,
  :root:not([data-user-color-scheme]) mark {
    background: rgba(0,82,255,0.2);
    color: rgba(255,255,255,0.9);
  }
  :root:not([data-user-color-scheme]) hr {
    background-color: rgba(255,255,255,0.08);
    border-bottom-color: rgba(255,255,255,0.08);
  }
  :root:not([data-user-color-scheme]) kbd {
    background-color: #1e293b;
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.82);
  }
  :root:not([data-user-color-scheme]) .highlight {
    border-radius: 10px;
  }
}
[data-user-color-scheme="dark"] {
  --color-mode: 'dark';
  --main-color: #4d7cff;
  --accent: #0052ff;
  --accent-secondary: #4d7cff;
  --bg-color: #0f172a;
  --bg-content-color: #1e293b;
  --bg-menu: #1e293b;
  --bg-tag-color: #334155;
  --bg-codeblock: #0f172a;
  --bg-code: rgba(240,246,252,0.08);
  --body-color: rgba(255,255,255,0.82);
  --title-color: rgba(255,255,255,0.92);
  --border-color: rgba(255,255,255,0.08);
  --muted-fg: rgba(148,163,184,0.8);
}
[data-user-color-scheme="dark"] blockquote {
  border-left: 0.25em solid #4d7cff;
  color: rgba(255,255,255,0.5);
}
[data-user-color-scheme="dark"] .post__license {
  background-color: rgba(255,255,255,0.06);
  border-left-color: #4d7cff;
}
[data-user-color-scheme="dark"] .post__content img {
  opacity: 0.85;
  -webkit-filter: brightness(0.85) contrast(1.1);
  filter: brightness(0.85) contrast(1.1);
}
[data-user-color-scheme="dark"] .post__content img:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}
[data-user-color-scheme="dark"] .post__content a {
  color: #4d7cff;
}
[data-user-color-scheme="dark"] .sliding-fold,
[data-user-color-scheme="dark"] details {
  background: #1e293b;
}
[data-user-color-scheme="dark"] table tr:not(.code):not(.gutter):nth-child(2n) {
  background-color: rgba(255,255,255,0.03);
}
[data-user-color-scheme="dark"] .content-card,
[data-user-color-scheme="dark"] .post-entry {
  border-color: rgba(255,255,255,0.06);
  -webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.4), 0 1px 4px rgba(0,0,0,0.3);
  box-shadow: 0 2px 16px rgba(0,0,0,0.4), 0 1px 4px rgba(0,0,0,0.3);
}
[data-user-color-scheme="dark"] .post-entry:hover {
  border-color: rgba(0,82,255,0.25);
  -webkit-box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 4px 14px rgba(0,82,255,0.12);
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 4px 14px rgba(0,82,255,0.12);
}
[data-user-color-scheme="dark"] .header {
  background: rgba(15,23,42,0.72);
  border-bottom-color: rgba(255,255,255,0.04);
}
[data-user-color-scheme="dark"] .header .logo__text {
  color: rgba(255,255,255,0.92) !important;
}
[data-user-color-scheme="dark"] .header .navbar-menu {
  color: rgba(255,255,255,0.82) !important;
}
[data-user-color-scheme="dark"] .header .navbar-menu:hover {
  color: #4d7cff !important;
  background-color: rgba(0,82,255,0.1);
}
[data-user-color-scheme="dark"] .header .dropdown-menu {
  color: rgba(255,255,255,0.82);
}
[data-user-color-scheme="dark"] .header #btn-search,
[data-user-color-scheme="dark"] .header #btn-toggle-dark {
  color: rgba(255,255,255,0.82);
}
[data-user-color-scheme="dark"] .header .dropdown-icon {
  color: rgba(255,255,255,0.82);
}
[data-user-color-scheme="dark"] .cover .cover__logo h1 {
  -webkit-text-fill-color: transparent;
}
[data-user-color-scheme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(148,163,184,0.3) !important;
}
[data-user-color-scheme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #4d7cff !important;
}
[data-user-color-scheme="dark"] #b2t {
  background-color: #1e293b;
  border-color: rgba(255,255,255,0.06);
}
[data-user-color-scheme="dark"] #b2t:hover {
  border-color: rgba(0,82,255,0.3);
}
[data-user-color-scheme="dark"] .dropdown-menus {
  border-color: rgba(255,255,255,0.06);
}
[data-user-color-scheme="dark"] code {
  color: #4d7cff;
}
[data-user-color-scheme="dark"] .post-tags__link {
  background-color: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.7) !important;
}
[data-user-color-scheme="dark"] .post-tags__link:hover {
  background-color: rgba(0,82,255,0.12);
  color: #4d7cff !important;
  border-color: rgba(0,82,255,0.2);
}
[data-user-color-scheme="dark"] .post-cats__link {
  background-color: rgba(0,82,255,0.1);
  border-color: rgba(0,82,255,0.15);
  color: #4d7cff !important;
}
[data-user-color-scheme="dark"] .toc .toc-link {
  color: rgba(255,255,255,0.5);
}
[data-user-color-scheme="dark"] .toc-menus {
  border-color: rgba(255,255,255,0.06);
}
[data-user-color-scheme="dark"] .toc-menus .toc-title {
  border-bottom-color: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.5);
}
[data-user-color-scheme="dark"] .archives-item::before {
  background: rgba(255,255,255,0.08);
}
[data-user-color-scheme="dark"] m,
[data-user-color-scheme="dark"] mark {
  background: rgba(0,82,255,0.2);
  color: rgba(255,255,255,0.9);
}
[data-user-color-scheme="dark"] hr {
  background-color: rgba(255,255,255,0.08);
  border-bottom-color: rgba(255,255,255,0.08);
}
[data-user-color-scheme="dark"] kbd {
  background-color: #1e293b;
  border-color: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.82);
}
[data-user-color-scheme="dark"] .highlight {
  border-radius: 10px;
}