:root {
  --vp-c-bg: #fcfaf5;
  --vp-c-bg-alt: #f2eee6;
  --vp-c-bg-elv: #fffdf9;
  --vp-c-bg-soft: #f2eee6;
  --vp-c-border: #d1cabd;
  --vp-c-divider: #d1cabd;
  --vp-c-gutter: #e2dbcf;
  --vp-c-text-1: #111111;
  --vp-c-text-2: #5f5f5d;
  --vp-c-text-3: #7c7a75;
  --vp-c-brand-1: oklch(55% 0.2 261.294);
  --vp-c-brand-2: oklch(50% 0.2 261.294);
  --vp-c-brand-3: oklch(61.302% 0.202 261.294);
  --vp-c-brand-soft: oklch(61.302% 0.202 261.294 / 0.12);
  --vp-font-family-base: "Libre Franklin", Arial, Helvetica, sans-serif;
  --vp-font-family-mono:
    "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --vp-button-brand-border: transparent;
  --vp-button-brand-text: #fcfaf5;
  --vp-button-brand-bg: #111111;
  --vp-button-brand-hover-border: transparent;
  --vp-button-brand-hover-text: #fcfaf5;
  --vp-button-brand-hover-bg: #2d2d2b;
  --vp-button-brand-active-border: transparent;
  --vp-button-brand-active-text: #fcfaf5;
  --vp-button-brand-active-bg: #111111;
  --vp-button-alt-border: #d1cabd;
  --vp-button-alt-text: #111111;
  --vp-button-alt-bg: #f2eee6;
  --vp-button-alt-hover-border: #c3bfb5;
  --vp-button-alt-hover-text: #111111;
  --vp-button-alt-hover-bg: #e2dbcf;
  --vp-button-alt-active-border: #c3bfb5;
  --vp-button-alt-active-text: #111111;
  --vp-button-alt-active-bg: #e2dbcf;
}

body {
  background-image:
    linear-gradient(to right, rgb(209 202 189 / 0.14) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(209 202 189 / 0.14) 1px, transparent 1px);
  background-size: 32px 32px;
}

.VPNav,
.VPLocalNav,
.VPSidebar {
  background-color: rgb(252 250 245 / 0.94) !important;
  backdrop-filter: blur(12px);
}

.VPNavBarTitle .title,
.VPHero .name,
.VPHero .text,
.vp-doc h1,
.vp-doc h2,
.vp-doc h3 {
  font-family: "EB Garamond", Georgia, serif;
}

.VPNavBarTitle .title {
  font-size: 1.5rem;
  font-weight: 800;
}

.VPHero .name,
.VPHero .text {
  max-width: 800px;
  letter-spacing: -0.03em;
}

.VPHero .name {
  color: var(--vp-c-brand-3);
}

.VPHero .text {
  color: var(--vp-c-text-1);
}

.VPFeature {
  border-color: var(--vp-c-divider) !important;
  border-radius: 0 !important;
  background: rgb(255 253 249 / 0.82) !important;
  box-shadow: 4px 4px 0 #e2dbcf;
}

.VPButton {
  border-radius: 0 !important;
}

.vp-doc h1 {
  letter-spacing: -0.02em;
}

.vp-doc table {
  display: table;
  width: 100%;
  font-size: 0.875rem;
}

.vp-doc th {
  color: var(--vp-c-text-1);
  font-weight: 700;
}

.vp-doc tr {
  background-color: rgb(252 250 245 / 0.9);
}

.vp-doc tr:nth-child(2n) {
  background-color: rgb(242 238 230 / 0.88);
}

@media (max-width: 767px) {
  .vp-doc table {
    display: block;
    min-width: 0;
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}