vitepress 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/client/theme-default/styles/components/vp-sponsor.css

@@ -1,25 +1,21 @@
-/**
- * VPSponsors styles are defined as global because a new class gets
- * allied in onMounted` hook and we can't use scoped style.
- */
 .vp-sponsor {
-  border-radius: 16px;
+  border-radius: 1rem;
   overflow: hidden;
 }
 
 .vp-sponsor.aside {
-  border-radius: 12px;
+  border-radius: 0.75rem;
 }
 
 .vp-sponsor-section + .vp-sponsor-section {
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 
-.vp-sponsor-tier {
-  margin: 0 0 4px !important;
+.vp-sponsor .vp-sponsor-tier {
+  margin: 0 0 0.25rem;
   text-align: center;
-  letter-spacing: 1px !important;
-  line-height: 24px;
+  letter-spacing: 0.0625rem;
+  line-height: 1.5;
   width: 100%;
   font-weight: 600;
   color: var(--vp-c-text-2);
@@ -27,83 +23,83 @@
 }
 
 .vp-sponsor.normal .vp-sponsor-tier {
-  padding: 13px 0 11px;
-  font-size: 14px;
+  padding: 0.8125rem 0 0.6875rem;
+  font-size: 0.875rem;
 }
 
 .vp-sponsor.aside .vp-sponsor-tier {
-  padding: 9px 0 7px;
-  font-size: 12px;
+  padding: 0.5625rem 0 0.4375rem;
+  font-size: 0.75rem;
 }
 
 .vp-sponsor-grid + .vp-sponsor-tier {
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 
 .vp-sponsor-grid {
   display: flex;
   flex-wrap: wrap;
-  gap: 4px;
+  gap: 0.25rem;
 }
 
 .vp-sponsor-grid.xmini .vp-sponsor-grid-link {
-  height: 64px;
+  height: 4rem;
 }
 .vp-sponsor-grid.xmini .vp-sponsor-grid-image {
-  max-width: 64px;
-  max-height: 22px;
+  max-width: 4rem;
+  max-height: 1.375rem;
 }
 
 .vp-sponsor-grid.mini .vp-sponsor-grid-link {
-  height: 72px;
+  height: 4.5rem;
 }
 .vp-sponsor-grid.mini .vp-sponsor-grid-image {
-  max-width: 96px;
-  max-height: 24px;
+  max-width: 6rem;
+  max-height: 1.5rem;
 }
 
 .vp-sponsor-grid.small .vp-sponsor-grid-link {
-  height: 96px;
+  height: 6rem;
 }
 .vp-sponsor-grid.small .vp-sponsor-grid-image {
-  max-width: 96px;
-  max-height: 24px;
+  max-width: 6rem;
+  max-height: 1.5rem;
 }
 
 .vp-sponsor-grid.medium .vp-sponsor-grid-link {
-  height: 112px;
+  height: 7rem;
 }
 .vp-sponsor-grid.medium .vp-sponsor-grid-image {
-  max-width: 120px;
-  max-height: 36px;
+  max-width: 7.5rem;
+  max-height: 2.25rem;
 }
 
 .vp-sponsor-grid.big .vp-sponsor-grid-link {
-  height: 184px;
+  height: 11.5rem;
 }
 .vp-sponsor-grid.big .vp-sponsor-grid-image {
-  max-width: 192px;
-  max-height: 56px;
+  max-width: 12rem;
+  max-height: 3.5rem;
 }
 
 .vp-sponsor-grid[data-vp-grid='2'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px) / 2);
+  width: calc((100% - 0.25rem) / 2);
 }
 
 .vp-sponsor-grid[data-vp-grid='3'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 2) / 3);
+  width: calc((100% - 0.25rem * 2) / 3);
 }
 
 .vp-sponsor-grid[data-vp-grid='4'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 3) / 4);
+  width: calc((100% - 0.25rem * 3) / 4);
 }
 
 .vp-sponsor-grid[data-vp-grid='5'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 4) / 5);
+  width: calc((100% - 0.25rem * 4) / 5);
 }
 
 .vp-sponsor-grid[data-vp-grid='6'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 5) / 6);
+  width: calc((100% - 0.25rem * 5) / 6);
 }
 
 .vp-sponsor-grid-item {
@@ -153,3 +149,18 @@
 .dark .vp-sponsor-grid-image {
   filter: grayscale(1) invert(1);
 }
+
+.vp-doc .vp-sponsor-grid,
+.vp-doc .vp-sponsor-grid-item {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.vp-doc .vp-sponsor-grid-image {
+  margin: 0;
+}
+
+.vp-doc .vp-sponsor-grid-link {
+  text-decoration: none;
+}

package/dist/client/theme-default/styles/docsearch.css

@@ -0,0 +1,138 @@
+@import '@docsearch/css/dist/style.css';
+@import '@docsearch/css/dist/sidepanel.css';
+
+#vp-docsearch,
+#vp-docsearch-sidepanel,
+.DocSearch-SidepanelButton {
+  display: none;
+}
+
+:root:root {
+  --docsearch-actions-height: auto;
+  --docsearch-actions-width: auto;
+  --docsearch-background-color: var(--vp-c-bg-soft);
+  --docsearch-border-radius: 0.25rem;
+  --docsearch-container-background: var(--vp-backdrop-bg-color);
+  --docsearch-dropdown-menu-background: var(--vp-c-bg-elv);
+  --docsearch-dropdown-menu-item-hover-background: var(--vp-c-default-soft);
+  --docsearch-focus-color: var(--vp-c-brand-1);
+  --docsearch-footer-background: var(--vp-c-bg-alt);
+  --docsearch-footer-height: 3.25rem;
+  --docsearch-highlight-color: var(--vp-c-brand-1);
+  --docsearch-hit-background: var(--vp-c-bg);
+  --docsearch-hit-color: var(--vp-c-text-1);
+  --docsearch-hit-height: 3.5rem;
+  --docsearch-hit-highlight-color: var(--vp-c-brand-soft);
+  --docsearch-icon-color: var(--vp-c-text-2);
+  --docsearch-key-background: var(--vp-code-bg);
+  --docsearch-modal-background: var(--vp-c-bg-soft);
+  --docsearch-modal-height: 37.5rem;
+  --docsearch-modal-width: 50rem;
+  --docsearch-muted-color: var(--vp-c-text-2);
+  --docsearch-primary-color: var(--vp-c-brand-1);
+  --docsearch-searchbox-background: var(--vp-c-bg-alt);
+  --docsearch-searchbox-focus-background: transparent;
+  --docsearch-searchbox-height: 3.5rem;
+  --docsearch-searchbox-initial-height: 3.5rem;
+  --docsearch-secondary-text-color: var(--vp-c-text-2);
+  --docsearch-sidepanel-accent-muted: var(--vp-c-text-3);
+  --docsearch-sidepanel-text-base: var(--vp-c-text-1);
+  --docsearch-soft-muted-color: var(--vp-c-default-soft);
+  --docsearch-soft-primary-color: var(--vp-c-brand-soft);
+  --docsearch-spacing: 0.75rem;
+  --docsearch-subtle-color: var(--vp-c-divider);
+  --docsearch-success-color: var(--vp-c-brand-soft);
+  --docsearch-text-color: var(--vp-c-text-1);
+}
+
+/* mirror the tightened mobile values from @docsearch/css, which the
+   higher-specificity overrides above would otherwise mask */
+@media not all and (min-width: 48rem) {
+  :root:root {
+    --docsearch-footer-height: 3rem;
+    --docsearch-spacing: 0.625rem;
+  }
+}
+
+:root.dark {
+  --docsearch-modal-shadow: none;
+}
+
+.DocSearch-AskAiScreen-RelatedSources-Item-Link {
+  padding-block: 0.5rem;
+  padding-inline: 0.625rem 0.75rem;
+}
+
+.DocSearch-AskAiScreen-RelatedSources-Item-Link svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.DocSearch-AskAiScreen-RelatedSources-Title {
+  padding-bottom: 0;
+  font-size: 0.75rem;
+}
+
+.DocSearch-Clear {
+  padding-inline-end: 0.375rem;
+}
+
+.DocSearch-Commands-Key {
+  padding: 0.25rem;
+  border: 1px solid var(--docsearch-subtle-color);
+  border-radius: 0.25rem;
+}
+
+.DocSearch-Hit a:focus-visible {
+  outline: 2px solid var(--docsearch-focus-color);
+}
+
+.DocSearch-Logo [class^='cls-'] {
+  fill: currentColor;
+}
+
+.DocSearch-Markdown-Content code {
+  padding: 0.2em 0.4em;
+}
+
+.DocSearch-Menu-content {
+  margin-top: -0.25rem;
+  padding: 0.375rem;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 0.375rem;
+  box-shadow: var(--vp-shadow-2);
+}
+
+.DocSearch-Menu-item {
+  border-radius: 0.25rem;
+}
+
+.DocSearch-SearchBar + .DocSearch-Footer {
+  border-top-color: transparent;
+}
+
+.DocSearch-Sidepanel-Prompt--form {
+  border-color: var(--docsearch-subtle-color);
+  transition: border-color 0.2s;
+}
+
+.DocSearch-Sidepanel-Prompt--submit {
+  background-color: var(--docsearch-soft-primary-color);
+  color: var(--docsearch-primary-color);
+}
+
+.DocSearch-Sidepanel-Prompt--submit:hover {
+  background-color: var(--vp-button-brand-hover-bg);
+  color: var(--vp-button-brand-text);
+}
+
+.DocSearch-Sidepanel-Prompt--submit:disabled,
+.DocSearch-Sidepanel-Prompt--submit[aria-disabled='true'] {
+  background-color: var(--docsearch-soft-muted-color);
+  color: var(--docsearch-muted-color);
+}
+
+.DocSearch-Title {
+  font-size: revert;
+  line-height: revert;
+}

package/dist/client/theme-default/styles/fonts.css

@@ -1,15 +1,94 @@
 /* webfont-marker-begin */
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+
+:root {
+  --vp-font-family-base:
+    'Inter', -apple-system, BlinkMacSystemFont, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
 /* webfont-marker-end */
 
+/* Generated by scripts/subsetFonts.py from scripts/fontSubsets.json */
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-greek.woff2') format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+21A9, U+2212, U+2215, U+2318, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-symbols.woff2') format('woff2');
+  unicode-range: U+02CD, U+02D8-02D9, U+02DB, U+0302, U+0306-0307, U+030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+0E3F, U+1DC0-1DF5, U+1DFC-1DFF, U+2070-2071, U+2074-208E, U+2090-209C, U+20DB-20DE, U+20E8, U+20F0, U+2100-2101, U+2103, U+2105-2106, U+2109, U+2117, U+211E-2121, U+2126, U+212A-212B, U+212E, U+2132, U+213B, U+214D, U+2150-217F, U+2183-2186, U+2189, U+2190, U+2192, U+2194-2199, U+21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21D2, U+21D4, U+21DE-21DF, U+21E4-21E5, U+21E7, U+21EA, U+2202, U+2205-2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2236, U+2248, U+2260, U+2264-2265, U+2295-2298, U+2303-2305, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+2460-2468, U+24B6-24CF, U+24EA, U+25A0-25A2, U+25AA, U+25B2-25B3, U+25B6-25B7, U+25BA-25BD, U+25C0-25C1, U+25C4-25C7, U+25CA-25CB, U+25CF, U+25E6, U+25EF, U+2600, U+2605-2606, U+263C, U+2661, U+2665, U+266A-266B, U+26A0, U+2713, U+2717, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2A38, U+2B06, U+2B12-2B13, U+2B1C, U+2B24, U+2E18, U+A92E, U+1F12F-1F149, U+1F16A-1F16B, U+1F850, U+1F852;
+}
+
 @font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
 @font-face {
@@ -36,8 +115,7 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-greek.woff2') format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
-    U+03A3-03FF;
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
 }
 
 @font-face {
@@ -46,9 +124,7 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
-    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
-    U+0329, U+1EA0-1EF9, U+20AB;
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
 
 @font-face {
@@ -57,8 +133,7 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
-    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
 @font-face {
@@ -67,23 +142,29 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
-    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+21A9, U+2212, U+2215, U+2318, U+FEFF, U+FFFD;
 }
 
 @font-face {
   font-family: Inter;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-symbols.woff2') format('woff2');
+  unicode-range: U+02CD, U+02D8-02D9, U+02DB, U+0302, U+0306-0307, U+030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+0E3F, U+1DC0-1DF5, U+1DFC-1DFF, U+2070-2071, U+2074-208E, U+2090-209C, U+20DB-20DE, U+20E8, U+20F0, U+2100-2101, U+2103, U+2105-2106, U+2109, U+2117, U+211E-2121, U+2126, U+212A-212B, U+212E, U+2132, U+213B, U+214D, U+2150-217F, U+2183-2186, U+2189, U+2190, U+2192, U+2194-2199, U+21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21D2, U+21D4, U+21DE-21DF, U+21E4-21E5, U+21E7, U+21EA, U+2202, U+2205-2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2236, U+2248, U+2260, U+2264-2265, U+2295-2298, U+2303-2305, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+2460-2468, U+24B6-24CF, U+24EA, U+25A0-25A2, U+25AA, U+25B2-25B3, U+25B6-25B7, U+25BA-25BD, U+25C0-25C1, U+25C4-25C7, U+25CA-25CB, U+25CF, U+25E6, U+25EF, U+2600, U+2605-2606, U+263C, U+2661, U+2665, U+266A-266B, U+26A0, U+2713, U+2717, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2A38, U+2B06, U+2B12-2B13, U+2B1C, U+2B24, U+2E18, U+A92E, U+1F12F-1F149, U+1F16A-1F16B, U+1F850, U+1F852;
+}
+
+@font-face {
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
-    U+FE2E-FE2F;
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
@@ -92,7 +173,7 @@
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
@@ -101,81 +182,161 @@
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-greek.woff2') format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
-    U+03A3-03FF;
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
-    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
-    U+0329, U+1EA0-1EF9, U+20AB;
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
-    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  unicode-range: U+0100-02BA, U+02BD-02C3, U+02C5, U+02C8, U+02CC, U+02CE-02CF, U+02D1-02D7, U+02DE, U+02E0-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
 @font-face {
-  font-family: Inter;
+  font-family: 'Inter Core';
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
-    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  unicode-range: U+0000-007D, U+007F-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017, U+201A-201B, U+201E-2025, U+2027-203A, U+203C-206F, U+20AC, U+2122, U+2191, U+2193, U+21A9, U+2212, U+2215, U+2318, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-italic-symbols.woff2') format('woff2');
+  unicode-range: U+0302, U+0306-0307, U+030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+0E3F, U+1DC0-1DF5, U+1DFC-1DFF, U+2070-2071, U+2075-207E, U+2080, U+2085-208E, U+2090-209C, U+20DB-20DE, U+20E8, U+20F0, U+2100-2101, U+2106, U+2117, U+211E-2120, U+212A, U+212E, U+2132, U+213B, U+214D, U+2150-2152, U+2155-215A, U+215F, U+216C-216F, U+217A-217F, U+2183-2186, U+21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21DE-21DF, U+21E4-21E5, U+21EA, U+2205-2206, U+2296-2298, U+2303-2305, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+24EA, U+25A2, U+25AA, U+25BA-25BB, U+25C4-25C5, U+25CA, U+25E6, U+2600, U+263C, U+266B, U+26A0, U+2713, U+2717, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2A38, U+2B06, U+2B12-2B13, U+2B24, U+2E18, U+A92E, U+1F12F, U+1F16A-1F16B, U+1F850, U+1F852;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-greek.woff2') format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
 }
 
 @font-face {
-  font-family: 'Punctuation SC';
-  font-weight: 400;
-  src: local('PingFang SC Regular'), local('Noto Sans CJK SC'),
-    local('Microsoft YaHei');
-  unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
-    U+00B7, U+007E, U+002F;
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
 
 @font-face {
-  font-family: 'Punctuation SC';
-  font-weight: 500;
-  src: local('PingFang SC Medium'), local('Noto Sans CJK SC'),
-    local('Microsoft YaHei');
-  unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
-    U+00B7, U+007E, U+002F;
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C3, U+02C5, U+02C8, U+02CC, U+02CE-02CF, U+02D1-02D7, U+02DE, U+02E0-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
 @font-face {
-  font-family: 'Punctuation SC';
-  font-weight: 600;
-  src: local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
-    local('Microsoft YaHei Bold');
-  unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
-    U+00B7, U+007E, U+002F;
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-latin.woff2') format('woff2');
+  unicode-range: U+0000-007D, U+007F-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017, U+201A-201B, U+201E-2025, U+2027-203A, U+203C-206F, U+20AC, U+2122, U+2191, U+2193, U+21A9, U+2212, U+2215, U+2318, U+FEFF, U+FFFD;
 }
 
 @font-face {
-  font-family: 'Punctuation SC';
-  font-weight: 700;
-  src: local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
-    local('Microsoft YaHei Bold');
-  unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
-    U+00B7, U+007E, U+002F;
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../fonts/inter-roman-symbols.woff2') format('woff2');
+  unicode-range: U+0302, U+0306-0307, U+030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+0E3F, U+1DC0-1DF5, U+1DFC-1DFF, U+2070-2071, U+2075-207E, U+2080, U+2085-208E, U+2090-209C, U+20DB-20DE, U+20E8, U+20F0, U+2100-2101, U+2106, U+2117, U+211E-2120, U+212A, U+212E, U+2132, U+213B, U+214D, U+2150-2152, U+2155-215A, U+215F, U+216C-216F, U+217A-217F, U+2183-2186, U+21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21DE-21DF, U+21E4-21E5, U+21EA, U+2205-2206, U+2296-2298, U+2303-2305, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+24EA, U+25A2, U+25AA, U+25BA-25BB, U+25C4-25C5, U+25CA, U+25E6, U+2600, U+263C, U+266B, U+26A0, U+2713, U+2717, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2A38, U+2B06, U+2B12-2B13, U+2B24, U+2E18, U+A92E, U+1F12F, U+1F16A-1F16B, U+1F850, U+1F852;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: normal;
+  font-weight: 100 900;
+  src: local(-apple-system);
+  unicode-range: U+10FFFF;
+}
+
+@font-face {
+  font-family: 'Inter Core';
+  font-style: italic;
+  font-weight: 100 900;
+  src: local(-apple-system);
+  unicode-range: U+10FFFF;
 }
 
-/* Generate the subsetted fonts using: `pyftsubset <file>.woff2 --unicodes="<range>" --output-file="inter-<style>-<subset>.woff2" --flavor=woff2` */
+:root {
+  --vp-font-family-base:
+    'Inter', -apple-system, BlinkMacSystemFont, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+[lang]:where(:lang(zh)) {
+  --vp-font-family-base:
+    'Inter Core', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC',
+    BlinkMacSystemFont, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+[lang]:where(:lang(ja)) {
+  --vp-font-family-base:
+    'Inter Core', 'Hiragino Sans', 'Meiryo', 'Yu Gothic', 'Noto Sans CJK JP',
+    BlinkMacSystemFont, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+[lang]:where(:lang(ko)) {
+  --vp-font-family-base:
+    'Inter Core', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans CJK KR',
+    BlinkMacSystemFont, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+}