:root {
  --wl-header-bg: #4156f5;
  --wl-header-fg: #ffffff;
  --wl-tabs-bg: #ffffff;
  --wl-tabs-fg: #4156f5;
  --wl-tabs-fg-active: #2d42e6;
  --wl-link-color: #4156f5;
  --wl-accent-color: #4183f5;
  --wl-page-bg: #f8fbff;
  --wl-text-color: #2b2d36;
  --wl-muted-color: #5a5d6a;
  --wl-table-head-bg: #ebecf0;
  --wl-admonition-border: #4156f5;
  --wl-meta-badge-bg: #4156f5;
  --wl-meta-badge-fg: #ffffff;
  --wl-header-shadow: rgba(45, 66, 230, 0.28);
  --wl-tabs-border: rgba(65, 86, 245, 0.16);
  --wl-search-border: #d7ddff;

  --md-primary-fg-color: var(--wl-header-bg);
  --md-primary-fg-color--light: var(--wl-accent-color);
  --md-primary-fg-color--dark: var(--wl-tabs-fg-active);
  --md-primary-bg-color: var(--wl-header-bg);
  --md-primary-bg-color--light: var(--wl-muted-color);
  --md-accent-fg-color: var(--wl-accent-color);

  --md-default-bg-color: var(--wl-page-bg);
  --md-default-fg-color: var(--wl-text-color);
  --md-default-fg-color--light: var(--wl-muted-color);
  --md-default-fg-color--lighter: var(--wl-muted-color);

  --md-typeset-a-color: var(--wl-link-color);
}

.md-header {
  background: var(--wl-header-bg);
  color: var(--wl-header-fg);
  box-shadow: 0 1px 0 var(--wl-header-shadow);
}

.md-tabs {
  background: var(--wl-tabs-bg);
  color: var(--wl-tabs-fg);
  box-shadow: inset 0 -1px 0 var(--wl-tabs-border);
}

.md-header__title,
.md-header__button,
.md-source,
.md-search__icon,
.md-search__input::placeholder {
  color: var(--wl-header-fg) !important;
}

.md-tabs__link {
  color: var(--wl-tabs-fg) !important;
}

.md-tabs__link--active,
.md-tabs__link:is(:focus, :hover) {
  color: var(--wl-tabs-fg-active) !important;
}

.md-search__form {
  background-color: #ffffff;
  border: 1px solid var(--wl-search-border);
}

.md-search__input {
  color: var(--wl-text-color);
}

.manual-meta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.25rem 0 1rem;
}

.manual-badge,
.manual-updated {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.4;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}

.manual-badge {
  background: var(--wl-meta-badge-bg);
  color: var(--wl-meta-badge-fg);
}

.manual-updated {
  background: var(--wl-table-head-bg);
  color: var(--wl-text-color);
}

.home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.9rem;
  margin: 1rem 0 1.25rem;
}

.home-card {
  display: block;
  background: #ffffff;
  border: 1px solid var(--wl-search-border);
  border-radius: 0.7rem;
  padding: 0.95rem;
  text-decoration: none;
  color: var(--wl-text-color);
  box-shadow: 0 4px 14px rgba(29, 58, 168, 0.06);
}

.home-card:hover {
  border-color: var(--wl-link-color);
  box-shadow: 0 6px 18px rgba(29, 58, 168, 0.1);
}

.home-card strong {
  color: var(--wl-tabs-fg-active);
  display: block;
  margin-bottom: 0.2rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--wl-text-color);
}

.md-typeset kbd {
  border-color: var(--wl-search-border);
  box-shadow: none;
}

.md-footer-meta {
  background-color: var(--wl-text-color);
}

.md-typeset table:not([class]) th {
  background-color: var(--wl-table-head-bg);
}

.md-typeset .admonition,
.md-typeset details {
  border-left: 0.2rem solid var(--wl-admonition-border);
}