@scalar/api-reference 0.1.15 → 0.1.17

package/dist/style.css

@@ -1,5 +1,5 @@
 
-.sidebar-search[data-v-2819d5f9] {
+.sidebar-search[data-v-5005eb5e] {
   display: flex;
   align-items: center;
   position: relative;
@@ -9,18 +9,18 @@
   margin: 12px var(--margin-x) 6px var(--margin-x);
   padding: 0 12px;
 
-  color: var(--scalar-api-reference-theme-color-3);
+  color: var(--theme-color-3);
   outline: none;
-  border-radius: var(--scalar-api-reference-rounded);
-  border: var(--scalar-api-reference-border);
+  border-radius: var(--theme-radius-lg);
+  border: 1px solid var(--theme-border-color);
   /* prettier-ignore */
-  background: var(--scalar-api-reference-sidebar-search-background, var(--scalar-api-reference-theme-background-1));
+  background: var(--scalar-api-reference-sidebar-search-background, var(--theme-background-1));
   cursor: pointer;
   appearance: none;
 }
-.sidebar-search-input[data-v-2819d5f9] {
-  font-size: var(--scalar-api-reference-theme-small);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+.sidebar-search-input[data-v-5005eb5e] {
+  font-size: var(--theme-small);
+  font-weight: var(--theme-semibold);
   line-height: 31px;
 
   user-select: none;
@@ -28,7 +28,7 @@
   position: relative;
   display: block;
 }
-.search-icon[data-v-2819d5f9] {
+.search-icon[data-v-5005eb5e] {
   padding: 0;
   margin-right: 9px;
   width: 12px;
@@ -120,7 +120,7 @@ to {
 }
 }
 
-.flow-button[data-v-6c87717a] {
+.flow-button[data-v-59eee5f4] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -130,120 +130,120 @@ to {
   -webkit-appearance: none;
   height: 40px;
   padding: 0px 24px;
-  border-radius: var(--scalar-api-reference-rounded);
-  color: var(--scalar-api-reference-theme-button-1-color);
-  font-size: var(--scalar-api-reference-theme-font-size-4);
+  border-radius: var(--theme-radius-lg);
+  color: var(--theme-button-1-color);
+  font-size: var(--theme-small);
   font-weight: 500;
   cursor: pointer;
-  background: var(--scalar-api-reference-theme-button-1);
+  background: var(--theme-button-1);
   border: none;
   width: 100%;
   box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
 }
-.flow-button[data-v-6c87717a]:hover,
-.flow-button[data-v-6c87717a]:focus-visible {
-  background: var(--scalar-api-reference-theme-button-1-hover);
+.flow-button[data-v-59eee5f4]:hover,
+.flow-button[data-v-59eee5f4]:focus-visible {
+  background: var(--theme-button-1-hover);
 }
-.flow-button[data-v-6c87717a]:active {
+.flow-button[data-v-59eee5f4]:active {
   box-shadow: none;
-  background: var(--scalar-api-reference-theme-button-1);
+  background: var(--theme-button-1);
 }
-.flow-button[disabled][data-v-6c87717a] {
-  background: var(--scalar-api-reference-theme-background-2);
-  color: var(--scalar-api-reference-theme-color-3);
+.flow-button[disabled][data-v-59eee5f4] {
+  background: var(--theme-background-2);
+  color: var(--theme-color-3);
   cursor: unset;
   box-shadow: none;
 }
-.flow-button.flow-button-icon-only[data-v-6c87717a] {
+.flow-button.flow-button-icon-only[data-v-59eee5f4] {
   width: 24px;
   height: 24px;
   padding: 0;
 }
 
 /* ----------------------------------------------------- */
-.flow-button-outlined[data-v-6c87717a] {
-  background: var(--scalar-api-reference-theme-background-1);
-  color: var(--scalar-api-reference-theme-color-1);
+.flow-button-outlined[data-v-59eee5f4] {
+  background: var(--theme-background-1);
+  color: var(--theme-color-1);
   padding: 11px 23px;
-  border: var(--scalar-api-reference-border);
+  border: 1px solid var(--theme-border-color);
   box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
 }
-.flow-button-outlined[data-v-6c87717a]:hover,
-.flow-button-outlined[data-v-6c87717a]:focus-visible {
-  background: var(--scalar-api-reference-theme-background-2);
+.flow-button-outlined[data-v-59eee5f4]:hover,
+.flow-button-outlined[data-v-59eee5f4]:focus-visible {
+  background: var(--theme-background-2);
 }
-.flow-button-outlined[data-v-6c87717a]:active {
-  background: var(--scalar-api-reference-theme-background-2);
+.flow-button-outlined[data-v-59eee5f4]:active {
+  background: var(--theme-background-2);
 }
-.flow-button-outlined[disabled][data-v-6c87717a] {
-  background: var(--scalar-api-reference-theme-background-2);
-  color: var(--scalar-api-reference-theme-color-3);
+.flow-button-outlined[disabled][data-v-59eee5f4] {
+  background: var(--theme-background-2);
+  color: var(--theme-color-3);
   cursor: unset;
   box-shadow: none;
 }
 
 /* ----------------------------------------------------- */
-.flow-button-clear[data-v-6c87717a] {
+.flow-button-clear[data-v-59eee5f4] {
   background: transparent;
   box-shadow: none;
-  color: var(--scalar-api-reference-theme-color-3);
+  color: var(--theme-color-3);
 }
-.flow-button-clear[data-v-6c87717a]:active {
+.flow-button-clear[data-v-59eee5f4]:active {
   background: transparent;
 }
-.flow-button-clear[data-v-6c87717a]:hover,
-.flow-button-clear[data-v-6c87717a]:focus-visible {
-  background: var(--scalar-api-reference-theme-background-2);
+.flow-button-clear[data-v-59eee5f4]:hover,
+.flow-button-clear[data-v-59eee5f4]:focus-visible {
+  background: var(--theme-background-2);
   box-shadow: none;
 }
-.flow-button-clear[disabled][data-v-6c87717a] {
-  background: var(--scalar-api-reference-theme-background-2);
-  color: var(--scalar-api-reference-theme-color-3);
+.flow-button-clear[disabled][data-v-59eee5f4] {
+  background: var(--theme-background-2);
+  color: var(--theme-color-3);
   cursor: unset;
   box-shadow: none;
 }
 
 /* ----------------------------------------------------- */
-.flow-button-text[data-v-6c87717a] {
+.flow-button-text[data-v-59eee5f4] {
   background: transparent;
   box-shadow: none;
-  color: var(--scalar-api-reference-theme-color-3);
+  color: var(--theme-color-3);
 }
-.flow-button-text[data-v-6c87717a]:active {
+.flow-button-text[data-v-59eee5f4]:active {
   background: transparent;
 }
-.flow-button-text[data-v-6c87717a]:hover,
-.flow-button-text[data-v-6c87717a]:focus-visible {
-  color: var(--scalar-api-reference-theme-color-2);
+.flow-button-text[data-v-59eee5f4]:hover,
+.flow-button-text[data-v-59eee5f4]:focus-visible {
+  color: var(--theme-color-2);
   background: transparent;
   box-shadow: none;
 }
-.flow-button-text[disabled][data-v-6c87717a] {
+.flow-button-text[disabled][data-v-59eee5f4] {
   background: transparent;
-  color: var(--scalar-api-reference-theme-color-ghost);
+  color: var(--theme-color-ghost);
   cursor: unset;
   box-shadow: none;
 }
 
 /* ----------------------------------------------------- */
-.flow-button--delete[data-v-6c87717a] {
-  background: var(--scalar-api-reference-theme-error-color);
+.flow-button--delete[data-v-59eee5f4] {
+  background: var(--theme-error-color);
   color: white;
 }
-.flow-button--delete[data-v-6c87717a]:active {
-  background: var(--scalar-api-reference-theme-error-color);
+.flow-button--delete[data-v-59eee5f4]:active {
+  background: var(--theme-error-color);
 }
-.flow-button--delete[data-v-6c87717a]:hover {
-  background: var(--scalar-api-reference-theme-error-color);
+.flow-button--delete[data-v-59eee5f4]:hover {
+  background: var(--theme-error-color);
   opacity: 0.86;
 }
 
 /* ----------------------------------------------------- */
-.flow-button-loader[data-v-6c87717a] {
+.flow-button-loader[data-v-59eee5f4] {
   position: absolute;
   right: 8px;
 }
-.flow-button-decorator[data-v-6c87717a] {
+.flow-button-decorator[data-v-59eee5f4] {
   margin-right: 9px;
   color: currentColor;
   display: flex;
@@ -251,11 +251,11 @@ to {
   height: 14px;
   width: 14px;
 }
-.flow-button-icon-only .flow-button-decorator[data-v-6c87717a] {
+.flow-button-icon-only .flow-button-decorator[data-v-59eee5f4] {
   margin-right: 0;
 }
 
-.action-menu[data-v-ef4aac03] {
+.action-menu[data-v-fa8f9095] {
   position: absolute;
   top: 5px;
   right: 5px;
@@ -266,30 +266,30 @@ to {
 * Some awkwardness to make the dropdown buttons hidden when not hovered
 * but still show when the panel is open and focused
 */
-.action-menu[data-v-ef4aac03] .button-wrapper button {
+.action-menu[data-v-fa8f9095] .button-wrapper button {
   /* Hide the icons by default */
   opacity: 0;
   width: 20px;
   height: 20px;
   padding: 4px;
 }
-.action-menu[data-v-ef4aac03]:hover .button-wrapper button,
-.action-menu[data-v-ef4aac03] .button-wrapper button:hover,
-.sidebar-heading:hover ~ .action-menu[data-v-ef4aac03] .button-wrapper button,
-.action-menu[data-v-ef4aac03] .button-wrapper button[aria-expanded='true'] {
+.action-menu[data-v-fa8f9095]:hover .button-wrapper button,
+.action-menu[data-v-fa8f9095] .button-wrapper button:hover,
+.sidebar-heading:hover ~ .action-menu[data-v-fa8f9095] .button-wrapper button,
+.action-menu[data-v-fa8f9095] .button-wrapper button[aria-expanded='true'] {
   opacity: 1;
 }
-.sidebar-heading[data-v-ef4aac03]:has(~ .action-menu:hover) {
+.sidebar-heading[data-v-fa8f9095]:has(~ .action-menu:hover) {
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
+  color: var(--sidebar-color-1, var(--theme-color-1));
   /* prettier-ignore */
-  background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
+  background: var(--sidebar-item-hover-background, var(--theme-background-2));
 }
 
 .sidebar {
   --theme-sidebar-indent-base: 6px;
   /* prettier-ignore */
-  background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
+  background: var(--sidebar-background-1, var(--theme-background-1));
 }
 
 /* ----------------------------------------------------- */
@@ -300,7 +300,7 @@ to {
   display: flex;
   flex-direction: column;
   /* prettier-ignore */
-  background: var(--scalar-api-reference-sidebar-background-1, var(--scalar-api-reference-theme-background-1));
+  background: var(--sidebar-background-1, var(--theme-background-1));
   --sidebar-level: 0;
 }
 .pages {
@@ -316,9 +316,9 @@ to {
   gap: 6px;
 
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
-  font-size: var(--scalar-api-reference-theme-mini);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  color: var(--sidebar-color-2, var(--theme-color-2));
+  font-size: var(--theme-micro);
+  font-weight: var(--theme-semibold);
   word-break: break-word;
   line-height: 1.385;
   display: flex;
@@ -327,7 +327,7 @@ to {
   position: relative;
   cursor: pointer;
   /* prettier-ignore */
-  border-radius: 0 var(--scalar-api-reference-rounded) var(--scalar-api-reference-rounded) 0;
+  border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;
   flex: 1;
   padding-right: 12px;
   user-select: none;
@@ -387,9 +387,9 @@ to {
 }
 .sidebar-heading:hover {
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
+  color: var(--sidebar-color-1, var(--theme-color-1));
   /* prettier-ignore */
-  background: var(--scalar-api-reference-sidebar-item-hover-background, var(--scalar-api-reference-theme-background-3));
+  background: var(--sidebar-item-hover-background, var(--theme-background-2));
 }
 .active_page.sidebar-heading:hover,
 .active_page.sidebar-heading,
@@ -397,7 +397,7 @@ to {
   /* prettier-ignore */
   background: var(--sidebar-item-active-background, var(--theme-background-accent)) !important;
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-active, var(--theme-background-accent)) !important;
+  color: var(--theme-color-accent, var(--theme-background-accent)) !important;
 }
 .sidebar-group-item {
   position: relative;
@@ -406,14 +406,14 @@ to {
 /* Change font colors and weights for nested items */
 .sidebar-indent-nested .sidebar-heading {
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-1, var(--scalar-api-reference-theme-color-1));
+  color: var(--sidebar-color-1, var(--theme-color-1));
 }
 .sidebar-indent-nested .sidebar-indent-nested .sidebar-heading {
   /* prettier-ignore */
-  color: var(--scalar-api-reference-sidebar-color-2, var(--scalar-api-reference-theme-color-2));
+  color: var(--sidebar-color-2, var(--theme-color-2));
 }
 .sidebar-indent-nested > div:has(.active_page) .sidebar-heading {
-  font-weight: var(--scalar-api-reference-theme-bold);
+  font-weight: var(--theme-bold);
 }
 .sidebar-mobile-header {
   display: flex;
@@ -429,8 +429,8 @@ to {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  font-size: var(--scalar-api-reference-theme-small);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  font-size: var(--theme-small);
+  font-weight: var(--theme-semibold);
 }
 .sidebar-mobile-actions {
   display: flex;
@@ -456,14 +456,14 @@ to {
 .header-item-link.header-item-active,
   .sidebar-section,
   .sidebar-heading {
-    font-size: var(--scalar-api-reference-theme-mini);
+    font-size: var(--theme-micro);
 }
 }
 
-.scalar-api-client__container .scalar-api-client[data-v-1b925514] {
+.scalar-api-client__container .scalar-api-client[data-v-457b261c] {
   width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
 }
-.scalar-api-client__container[data-v-1b925514] {
+.scalar-api-client__container[data-v-457b261c] {
   position: absolute;
   right: 0;
   left: 0;
@@ -475,32 +475,32 @@ to {
   opacity: 1;
   overflow: hidden;
   pointer-events: all;
-  background: var(--scalar-api-reference-theme-background-1) !important;
-  border-radius: var(--scalar-api-reference-rounded);
-  box-shadow: var(--scalar-api-reference-theme-shadow-1);
+  background: var(--theme-background-1) !important;
+  border-radius: var(--theme-radius-lg);
+  box-shadow: var(--theme-shadow-1);
   height: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
 @media screen and (max-width: 1265px) {
-.scalar-api-client__container[data-v-1b925514] {
+.scalar-api-client__container[data-v-457b261c] {
     width: 100vw !important;
 }
 }
-.scalar-api-client__navigation[data-v-1b925514] {
+.scalar-api-client__navigation[data-v-457b261c] {
   width: 100%;
   display: flex;
   align-items: center;
   padding: 11px 12px;
   height: var(--scalar-api-reference-theme-header-height);
-  background-color: var(--scalar-api-reference-theme-background-1);
+  background-color: var(--theme-background-1);
   z-index: 10;
   position: sticky;
-  border-bottom: var(--scalar-api-reference-border);
+  border-bottom: 1px solid var(--theme-border-color);
   top: 0;
 }
-.scalar-api-client__close[data-v-1b925514] {
+.scalar-api-client__close[data-v-457b261c] {
   appearance: none;
   border: none;
   outline: none;
@@ -508,10 +508,10 @@ to {
   align-items: center;
   background: transparent;
   font-size: 14px;
-  color: var(--scalar-api-reference-theme-color-1);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  color: var(--theme-color-1);
+  font-weight: var(--theme-semibold);
 }
-.scalar-api-client__close[data-v-1b925514]:hover {
+.scalar-api-client__close[data-v-457b261c]:hover {
   cursor: pointer;
 }
 /*
@@ -519,23 +519,23 @@ TODO: Markup is missing
 .scalar-api-client__close__icon {
   width: 28px;
   height: 28px;
-  border-radius: var(--scalar-api-reference-rounded);
+  border-radius: var(--theme-radius-lg);
   margin-right: 12px;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: var(--scalar-api-reference-theme-color-2);
+  color: var(--theme-color-2);
 }
 .scalar-api-client__close__icon:hover {
-  background: var(--scalar-api-reference-theme-background-2);
+  background: var(--theme-background-2);
 }
 .scalar-api-client__close__icon svg {
   width: 12px;
   height: 12px;
   transform: rotate(180deg);
 } */
-.api-client-drawer[data-v-1b925514] {
-  background: var(--scalar-api-reference-theme-background-1);
+.api-client-drawer[data-v-457b261c] {
+  background: var(--theme-background-1);
   height: calc(100vh - 58px);
   width: calc(100vw - 8px);
   border-radius: 12px;
@@ -546,9 +546,9 @@ TODO: Markup is missing
   left: 4px;
   z-index: 9999;
   opacity: 0;
-  animation: apiclientfadein-1b925514 0.35s forwards;
+  animation: apiclientfadein-457b261c 0.35s forwards;
 }
-@keyframes apiclientfadein-1b925514 {
+@keyframes apiclientfadein-457b261c {
 from {
     transform: translate3d(0, 20px, 0) scale(0.985);
     opacity: 0;
@@ -558,7 +558,7 @@ to {
     opacity: 1;
 }
 }
-.api-client-drawer-exit[data-v-1b925514] {
+.api-client-drawer-exit[data-v-457b261c] {
   position: fixed;
   top: 0;
   left: 0;
@@ -568,9 +568,9 @@ to {
   transition: all 0.3s ease-in-out;
   z-index: 9998;
   cursor: pointer;
-  animation: drawerexitfadein-1b925514 0.35s forwards;
+  animation: drawerexitfadein-457b261c 0.35s forwards;
 }
-@keyframes drawerexitfadein-1b925514 {
+@keyframes drawerexitfadein-457b261c {
 from {
     opacity: 0;
 }
@@ -578,10 +578,10 @@ to {
     opacity: 1;
 }
 }
-.scalar-api-client-height[data-v-1b925514] {
+.scalar-api-client-height[data-v-457b261c] {
   height: 100%;
 }
-.scalar-api-client-height .sidebar[data-v-1b925514] {
+.scalar-api-client-height .sidebar[data-v-457b261c] {
   flex: 1 1 0%;
   flex-grow: 1;
   flex-shrink: 1;
@@ -590,51 +590,51 @@ to {
   display: flex;
   flex-direction: column;
   width: var(--scalar-api-reference-theme-sidebar-width);
-  border-right: 1px solid var(--scalar-api-reference-border-color);
+  border-right: 1px solid var(--theme-border-color);
 }
 
-.card[data-v-18b26a5c] {
-  border-radius: var(--scalar-api-reference-rounded-lg);
+.card[data-v-632b8afa] {
+  border-radius: var(--theme-radius-lg);
   overflow: hidden;
-  border: 1px solid var(--scalar-api-reference-border-color);
+  border: 1px solid var(--theme-border-color);
 }
 
-.card-content[data-v-8fdcb32d] {
+.card-content[data-v-872d61e3] {
   overflow: auto;
   padding: 10px 12px;
-  border-bottom: 1px solid var(--scalar-api-reference-border-color);
+  border-bottom: 1px solid var(--theme-border-color);
 }
-.card-content[data-v-8fdcb32d]:last-of-type,
-.card-content.card--borderless[data-v-8fdcb32d] {
+.card-content[data-v-872d61e3]:last-of-type,
+.card-content.card--borderless[data-v-872d61e3] {
   border-bottom: none;
 }
-.card--muted[data-v-8fdcb32d] {
-  background: var(--scalar-api-reference-theme-background-2);
+.card--muted[data-v-872d61e3] {
+  background: var(--theme-background-2);
 }
-.card--frameless[data-v-8fdcb32d] {
+.card--frameless[data-v-872d61e3] {
   padding: 0;
 }
 
-.card-header[data-v-7ae5e9f2] {
-  font-weight: var(--scalar-api-reference-theme-semibold);
-  font-size: var(--scalar-api-reference-theme-mini);
-  color: var(--scalar-api-reference-theme-color-3);
+.card-header[data-v-95422684] {
+  font-weight: var(--theme-semibold);
+  font-size: var(--theme-micro);
+  color: var(--theme-color-3);
 }
-.card-header-title[data-v-7ae5e9f2] {
+.card-header-title[data-v-95422684] {
   text-transform: uppercase;
 }
-.card-header-slots[data-v-7ae5e9f2] {
+.card-header-slots[data-v-95422684] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.card-header-actions[data-v-7ae5e9f2] {
+.card-header-actions[data-v-95422684] {
   display: flex;
   align-items: center;
 }
 
-.card-footer[data-v-67e35cbc] {
-  border-top: 1px solid var(--scalar-api-reference-border-color);
+.card-footer[data-v-0b2d0026] {
+  border-top: 1px solid var(--theme-border-color);
 }
 
 .tab-list[data-v-d1f27904] {
@@ -643,71 +643,71 @@ to {
   position: relative;
 }
 
-.tab[data-v-a90e6576] {
+.tab[data-v-9cd4a101] {
   background: none;
   border: none;
-  font-size: var(--scalar-api-reference-theme-font-size-4);
-  font-family: var(--scalar-api-reference-font-sans);
-  color: var(--scalar-api-reference-theme-color-2);
-  font-weight: var(--scalar-api-reference-theme-semibold);
-  line-height: calc(var(--scalar-api-reference-theme-font-size-4) + 2px);
+  font-size: var(--theme-small);
+  font-family: var(--theme-font);
+  color: var(--theme-color-2);
+  font-weight: var(--theme-semibold);
+  line-height: calc(var(--theme-small) + 2px);
   cursor: pointer;
 }
-.tab-selected[data-v-a90e6576] {
-  color: var(--scalar-api-reference-theme-color-1);
+.tab-selected[data-v-9cd4a101] {
+  color: var(--theme-color-1);
   text-decoration: underline;
   text-underline-offset: calc(
-    var(--scalar-api-reference-theme-font-size-4) - 1px
+    var(--theme-small) - 1px
   );
 }
 
-.markdown[data-v-8f62d36d] * {
+.markdown[data-v-e041250f] * {
   margin-top: 12px;
 }
-.markdown[data-v-8f62d36d] h1,
-.markdown[data-v-8f62d36d] h2,
-.markdown[data-v-8f62d36d] h3,
-.markdown[data-v-8f62d36d] h4,
-.markdown[data-v-8f62d36d] h5,
-.markdown[data-v-8f62d36d] h6 {
+.markdown[data-v-e041250f] h1,
+.markdown[data-v-e041250f] h2,
+.markdown[data-v-e041250f] h3,
+.markdown[data-v-e041250f] h4,
+.markdown[data-v-e041250f] h5,
+.markdown[data-v-e041250f] h6 {
   font-size: var(--font-size);
   margin: 12px 0 6px;
 }
-.markdown[data-v-8f62d36d] p {
-  font-size: var(--font-size, var(--scalar-api-reference-theme-paragraph));
+.markdown[data-v-e041250f] p {
+  font-size: var(--font-size, var(--theme-paragraph));
   /* prettier-ignore */
-  color: var(--scalar-api-reference-font-color, var(--scalar-api-reference-theme-color-1));
-  font-weight: var(--font-weight, var(--scalar-api-reference-theme-regular));
+  color: var(--theme-color-1);
+  font-weight: var(--font-weight, var(--theme-small));
   line-height: 1.5;
 }
-.markdown[data-v-8f62d36d] ul,
-.markdown[data-v-8f62d36d] ol {
+.markdown[data-v-e041250f] ul,
+.markdown[data-v-e041250f] ol {
   padding-left: 24px;
   line-height: 1.5;
   margin: 12px 0;
 }
-.markdown[data-v-8f62d36d] ul {
+.markdown[data-v-e041250f] ul {
   list-style: disc;
 }
-.markdown[data-v-8f62d36d] ol {
+.markdown[data-v-e041250f] ol {
   list-style: decimal;
 }
-.markdown[data-v-8f62d36d] ul.contains-task-list {
+.markdown[data-v-e041250f] ul.contains-task-list {
   list-style: none;
   padding-left: 0;
 }
-.markdown[data-v-8f62d36d] li {
+.markdown[data-v-e041250f] li {
   margin: 6px 0;
 }
-.markdown[data-v-8f62d36d] code {
-  font-family: var(--scalar-api-reference-font-mono);
-  background-color: var(--scalar-api-reference-theme-background-2);
-  box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
-  font-size: var(--scalar-api-reference-theme-mini);
+.markdown[data-v-e041250f] code {
+  font-family: var(--theme-font-code);
+  background-color: var(--theme-background-2);
+  box-shadow: 0 0 0 1px var(--theme-border-color);
+  font-size: var(--theme-micro);
   border-radius: 2px;
   padding: 0 3px;
 }
-.markdown[data-v-8f62d36d] pre code {
+.markdown[data-v-e041250f] pre code {
   display: block;
   white-space: pre;
   padding: 3px;
@@ -717,75 +717,75 @@ to {
   max-width: 100%;
   min-width: 100px;
 }
-.markdown[data-v-8f62d36d] blockquote {
-  border-left: 3px solid var(--scalar-api-reference-border-color);
+.markdown[data-v-e041250f] blockquote {
+  border-left: 3px solid var(--theme-border-color);
   padding-left: 12px;
 }
-.markdown[data-v-8f62d36d] table {
+.markdown[data-v-e041250f] table {
   position: relative;
   border-collapse: collapse;
   table-layout: fixed;
   width: 100%;
   margin: 0;
   overflow: hidden;
-  box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
-  border-radius: var(--scalar-api-reference-rounded);
+  box-shadow: 0 0 0 1px var(--theme-border-color);
+  border-radius: var(--theme-radius-lg);
 }
-.markdown[data-v-8f62d36d] td,
-.markdown[data-v-8f62d36d] th {
+.markdown[data-v-e041250f] td,
+.markdown[data-v-e041250f] th {
   min-width: 1em;
   padding: 6px;
   vertical-align: top;
   box-sizing: border-box;
   position: relative;
   word-break: break-all;
-  border-right: var(--scalar-api-reference-border);
-  border-bottom: var(--scalar-api-reference-border);
+  border-right: 1px solid var(--theme-border-color);
+  border-bottom: 1px solid var(--theme-border-color);
 }
-.markdown[data-v-8f62d36d] td > *,
-.markdown[data-v-8f62d36d] th > * {
+.markdown[data-v-e041250f] td > *,
+.markdown[data-v-e041250f] th > * {
   margin-bottom: 0;
 }
-.markdown.parameter-description[data-v-8f62d36d] p {
+.markdown.parameter-description[data-v-e041250f] p {
   margin-top: 4px;
-  font-size: var(--scalar-api-reference-theme-small);
-  color: var(--scalar-api-reference-theme-color-2);
+  font-size: var(--theme-small);
+  color: var(--theme-color-2);
   line-height: initial;
 }
-.markdown[data-v-8f62d36d] td:first-of-type,
-.markdown[data-v-8f62d36d] th:first-of-type {
+.markdown[data-v-e041250f] td:first-of-type,
+.markdown[data-v-e041250f] th:first-of-type {
   border-left: none;
 }
-.markdown[data-v-8f62d36d] td:last-of-type,
-.markdown[data-v-8f62d36d] th:last-of-type {
+.markdown[data-v-e041250f] td:last-of-type,
+.markdown[data-v-e041250f] th:last-of-type {
   border-right: none;
 }
-.markdown[data-v-8f62d36d] tr:last-of-type td {
+.markdown[data-v-e041250f] tr:last-of-type td {
   border-bottom: none;
 }
-.markdown[data-v-8f62d36d] th {
+.markdown[data-v-e041250f] th {
   font-weight: bold !important;
   text-align: left;
   border-left-color: transparent;
-  background: var(--scalar-api-reference-theme-background-2);
+  background: var(--theme-background-2);
 }
 
-.base-url[data-v-eedff8c4] {
-  color: var(--scalar-api-reference-theme-color-2);
-  font-size: var(--scalar-api-reference-theme-mini);
+.base-url[data-v-5760eba8] {
+  color: var(--theme-color-2);
+  font-size: var(--theme-micro);
   cursor: pointer;
   display: flex;
-  font-family: var(--scalar-api-reference-font-mono);
+  font-family: var(--theme-font-code);
   flex-direction: column;
 }
 
-.client-libraries-content[data-v-26e49734] {
+.client-libraries-content[data-v-c88c87e1] {
   display: flex;
   justify-content: center;
   gap: 6px;
   padding: 0 12px;
 }
-.code-languages[data-v-26e49734] {
+.code-languages[data-v-c88c87e1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -799,12 +799,12 @@ to {
 }
 /* remove php and c on mobile */
 @media screen and (max-width: 450px) {
-.code-languages[data-v-26e49734]:nth-of-type(4),
-  .code-languages[data-v-26e49734]:nth-of-type(6) {
+.code-languages[data-v-c88c87e1]:nth-of-type(4),
+  .code-languages[data-v-c88c87e1]:nth-of-type(6) {
     display: none;
 }
 }
-.code-languages-icon[data-v-26e49734] {
+.code-languages-icon[data-v-c88c87e1] {
   max-width: 48px;
   width: 100%;
   max-height: 48px;
@@ -816,89 +816,89 @@ to {
   color: #fff;
   justify-content: center;
 }
-.code-languages-icon__shell[data-v-26e49734] {
+.code-languages-icon__shell[data-v-c88c87e1] {
   background: #000;
-  box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
+  box-shadow: 0 0 0 1px var(--theme-border-color);
 }
-.code-languages-icon__ruby[data-v-26e49734] {
+.code-languages-icon__ruby[data-v-c88c87e1] {
   background: #d91404;
 }
-.code-languages-icon__php[data-v-26e49734] {
+.code-languages-icon__php[data-v-c88c87e1] {
   background: #6181b6;
 }
-.code-languages-icon__python[data-v-26e49734] {
+.code-languages-icon__python[data-v-c88c87e1] {
   background: #306998;
 }
-.code-languages-icon__more[data-v-26e49734] {
-  background: var(--scalar-api-reference-theme-background-3);
+.code-languages-icon__more[data-v-c88c87e1] {
+  background: var(--theme-background-3);
 }
-.code-languages-icon__node[data-v-26e49734] {
+.code-languages-icon__node[data-v-c88c87e1] {
   background: #83cd29;
 }
-.code-languages-icon__c[data-v-26e49734] {
+.code-languages-icon__c[data-v-c88c87e1] {
   background: #03599c;
 }
-.code-languages-icon__csharp[data-v-26e49734] {
+.code-languages-icon__csharp[data-v-c88c87e1] {
   background: #68217a;
 }
-.code-languages-icon__cplusplus[data-v-26e49734] {
+.code-languages-icon__cplusplus[data-v-c88c87e1] {
   background: #9c033a;
 }
-.code-languages-icon__clojure[data-v-26e49734] {
+.code-languages-icon__clojure[data-v-c88c87e1] {
   background: #5881d8;
 }
-.code-languages-icon__go[data-v-26e49734] {
+.code-languages-icon__go[data-v-c88c87e1] {
   background: #00acd7;
 }
-.code-languages-icon__http[data-v-26e49734] {
+.code-languages-icon__http[data-v-c88c87e1] {
   background: #005b9b;
 }
-.code-languages-icon__java[data-v-26e49734] {
+.code-languages-icon__java[data-v-c88c87e1] {
   background: #ea2d2e;
 }
-.code-languages-icon__javascript[data-v-26e49734] {
+.code-languages-icon__javascript[data-v-c88c87e1] {
   background: #f0db4f;
 }
-.code-languages-icon__kotlin[data-v-26e49734] {
+.code-languages-icon__kotlin[data-v-c88c87e1] {
   background: #7f6cb1;
 }
-.code-languages-icon__objc[data-v-26e49734] {
+.code-languages-icon__objc[data-v-c88c87e1] {
   background: #0b5a9d;
 }
-.code-languages-icon__ocaml[data-v-26e49734] {
+.code-languages-icon__ocaml[data-v-c88c87e1] {
   background: #f29100;
 }
-.code-languages-icon__powershell[data-v-26e49734] {
+.code-languages-icon__powershell[data-v-c88c87e1] {
   background: #2671be;
 }
-.code-languages-icon__r[data-v-26e49734] {
+.code-languages-icon__r[data-v-c88c87e1] {
   background: #cbced0;
 }
-.code-languages-icon__swift[data-v-26e49734] {
+.code-languages-icon__swift[data-v-c88c87e1] {
   background: #f05138;
 }
-.code-languages__loading .code-languages-icon[data-v-26e49734]:before {
+.code-languages__loading .code-languages-icon[data-v-c88c87e1]:before {
   border: 1px solid rgba(255, 255, 255, 0.44);
   border-top: 1px solid white;
-  animation: codeloader-26e49734 0.45s linear infinite;
+  animation: codeloader-c88c87e1 0.45s linear infinite;
   background: transparent;
   width: 18px;
   height: 18px;
   content: '';
   border-radius: 50%;
 }
-.code-languages__loading .code-languages-icon svg[data-v-26e49734] {
+.code-languages__loading .code-languages-icon svg[data-v-c88c87e1] {
   display: none;
 }
-.code-languages__active[data-v-26e49734]:after {
+.code-languages__active[data-v-c88c87e1]:after {
   content: '';
   position: absolute;
   bottom: 0;
   height: 2px;
   width: 100%;
-  background: var(--scalar-api-reference-theme-color-1);
+  background: var(--theme-color-1);
 }
-@keyframes codeloader-26e49734 {
+@keyframes codeloader-c88c87e1 {
 0% {
     transform: rotate(0deg);
 }
@@ -906,15 +906,15 @@ to {
     transform: rotate(1turn);
 }
 }
-.code-languages span[data-v-26e49734] {
+.code-languages span[data-v-c88c87e1] {
   margin-top: 3px;
-  color: var(--scalar-api-reference-theme-color-2);
-  font-size: var(--scalar-api-reference-theme-mini);
+  color: var(--theme-color-2);
+  font-size: var(--theme-micro);
 }
-.code-languages__active span[data-v-26e49734] {
-  color: var(--scalar-api-reference-theme-color-1);
+.code-languages__active span[data-v-c88c87e1] {
+  color: var(--theme-color-1);
 }
-.code-languages__select select[data-v-26e49734] {
+.code-languages__select select[data-v-c88c87e1] {
   opacity: 0;
   width: 100%;
   height: 100%;
@@ -923,16 +923,16 @@ to {
   left: 0;
   cursor: pointer;
 }
-.code-languages__select span[data-v-26e49734] {
+.code-languages__select span[data-v-c88c87e1] {
   position: relative;
   display: flex;
   align-items: center;
 }
-.code-languages__select span[data-v-26e49734]:after {
+.code-languages__select span[data-v-c88c87e1]:after {
   content: '';
   width: 8px;
   height: 8px;
-  background: var(--scalar-api-reference-theme-background-1);
+  background: var(--theme-background-1);
   box-shadow: 1px 1px 0 currentColor;
   display: block;
   transform: rotate(45deg);
@@ -940,35 +940,35 @@ to {
   margin-top: -7px;
 }
 
-.heading[data-v-2e8d58fe] {
+.heading[data-v-d81f68c0] {
   margin-top: 0px !important;
 }
-.loading[data-v-2e8d58fe] {
-  background: var(--scalar-api-reference-theme-background-2);
-  animation: loading-skeleton-2e8d58fe 2s infinite alternate;
-  border-radius: var(--scalar-api-reference-rounded);
+.loading[data-v-d81f68c0] {
+  background: var(--theme-background-2);
+  animation: loading-skeleton-d81f68c0 2s infinite alternate;
+  border-radius: var(--theme-radius-lg);
 }
-.heading.loading[data-v-2e8d58fe] {
+.heading.loading[data-v-d81f68c0] {
   width: 80%;
 }
-.tag-description .loading[data-v-2e8d58fe] {
+.tag-description .loading[data-v-d81f68c0] {
   height: 20px;
   margin-bottom: 4px;
   width: 100%;
   display: inline-block;
 }
-.tag-description .loading[data-v-2e8d58fe]:first-of-type {
+.tag-description .loading[data-v-d81f68c0]:first-of-type {
   margin-top: 12px;
 }
-.tag-description .loading[data-v-2e8d58fe]:last-of-type {
+.tag-description .loading[data-v-d81f68c0]:last-of-type {
   width: 40%;
 }
-@keyframes loading-skeleton-2e8d58fe {
+@keyframes loading-skeleton-d81f68c0 {
 from {
-    background: var(--scalar-api-reference-theme-background-2);
+    background: var(--theme-background-2);
 }
 to {
-    background: var(--scalar-api-reference-theme-background-3);
+    background: var(--theme-background-3);
 }
 }
 
@@ -976,7 +976,7 @@ to {
   margin-top: 6px;
 }
 .parameter .parameter-child {
-  border: var(--scalar-api-reference-border);
+  border: 1px solid var(--theme-border-color);
   border-radius: 20px;
   margin-top: 12px;
   width: fit-content;
@@ -988,8 +988,8 @@ to {
   padding: 6px 12px;
   cursor: pointer;
   font-weight: 500;
-  color: var(--scalar-api-reference-theme-color-3);
-  font-size: var(--scalar-api-reference-theme-mini);
+  color: var(--theme-color-3);
+  font-size: var(--theme-micro);
   display: flex;
   align-items: center;
   user-select: none;
@@ -998,7 +998,7 @@ to {
   display: none;
 }
 .parameter-child-trigger:hover {
-  color: var(--scalar-api-reference-theme-color-1);
+  color: var(--theme-color-1);
 }
 .parameter-child-trigger > span:before {
   content: 'Show ';
@@ -1031,34 +1031,34 @@ to {
   transform: rotate(45deg);
 }
 .parameter-child__open > .parameter-child-trigger {
-  border-bottom: var(--scalar-api-reference-border);
+  border-bottom: 1px solid var(--theme-border-color);
 }
 .parameter {
   list-style: none;
-  font-size: var(--scalar-api-reference-theme-small);
+  font-size: var(--theme-small);
 }
 .parameter li {
-  border-top: var(--scalar-api-reference-border);
+  border-top: 1px solid var(--theme-border-color);
   padding: 12px 0;
 }
 .parameter-name {
   font-weight: 500;
   margin-right: 6px;
-  font-family: var(--scalar-api-reference-font-mono);
+  font-family: var(--theme-font-code);
   font-size: 13px;
-  color: var(--scalar-api-reference-theme-color-1);
+  color: var(--theme-color-1);
 }
 .parameter-type,
 .parameter-required {
-  color: var(--scalar-api-reference-theme-color-3);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  color: var(--theme-color-3);
+  font-weight: var(--theme-semibold);
   margin-right: 6px;
   position: relative;
 }
 .marc_required {
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: var(--scalar-api-reference-theme-bold);
+  font-weight: var(--theme-bold);
   color: #ffb040;
 }
 .parameter-options {
@@ -1075,41 +1075,41 @@ to {
   margin-top: 12px;
 }
 
-.request-method--post[data-v-fddb0abd] {
-  color: var(--scalar-api-reference-theme-post-color);
+.request-method--post[data-v-9951d57c] {
+  color: var(--theme-post-color);
 }
-.request-method--patch[data-v-fddb0abd] {
-  color: var(--scalar-api-reference-theme-patch-color);
+.request-method--patch[data-v-9951d57c] {
+  color: var(--theme-patch-color);
 }
-.request-method--get[data-v-fddb0abd] {
-  color: var(--scalar-api-reference-theme-get-color);
+.request-method--get[data-v-9951d57c] {
+  color: var(--theme-get-color);
 }
-.request-method--delete[data-v-fddb0abd] {
-  color: var(--scalar-api-reference-theme-delete-color);
+.request-method--delete[data-v-9951d57c] {
+  color: var(--theme-delete-color);
 }
-.request-method--put[data-v-fddb0abd] {
-  color: var(--scalar-api-reference-theme-put-color);
+.request-method--put[data-v-9951d57c] {
+  color: var(--theme-put-color);
 }
-.request-path[data-v-fddb0abd] {
+.request-path[data-v-9951d57c] {
   margin-left: 6px;
-  color: var(--scalar-api-reference-theme-color-2);
+  color: var(--theme-color-2);
   white-space: nowrap;
   overflow: hidden;
   cursor: default;
   text-overflow: ellipsis;
   text-transform: none !important;
 }
-.language-select[data-v-fddb0abd] {
+.language-select[data-v-9951d57c] {
   position: relative;
   padding-right: 9px;
-  border-right: 1px solid var(--scalar-api-reference-border-color);
+  border-right: 1px solid var(--theme-border-color);
 }
-.language-select select[data-v-fddb0abd] {
+.language-select select[data-v-9951d57c] {
   border: none;
   outline: none;
   cursor: pointer;
-  background: var(--scalar-api-reference-theme-background-3);
-  box-shadow: -2px 0 0 0 var(--scalar-api-reference-theme-background-3);
+  background: var(--theme-background-3);
+  box-shadow: -2px 0 0 0 var(--theme-background-3);
   z-index: 2;
   position: absolute;
   top: 0;
@@ -1119,15 +1119,15 @@ to {
   opacity: 0;
   appearance: none;
 }
-.language-select span[data-v-fddb0abd] {
+.language-select span[data-v-9951d57c] {
   font-size: 12px;
-  color: var(--scalar-api-reference-theme-color-3);
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  color: var(--theme-color-3);
+  font-weight: var(--theme-semibold);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.language-select span[data-v-fddb0abd]:after {
+.language-select span[data-v-9951d57c]:after {
   content: '';
   width: 7px;
   height: 7px;
@@ -1136,97 +1136,97 @@ to {
   margin-left: 6px;
   box-shadow: 1px 1px 0 currentColor;
 }
-.language-select span[data-v-fddb0abd]:hover {
-  background: var(--scalar-api-reference-theme-background-2);
+.language-select span[data-v-9951d57c]:hover {
+  background: var(--theme-background-2);
 }
-.copy-button[data-v-fddb0abd] {
+.copy-button[data-v-9951d57c] {
   appearance: none;
   -webkit-appearance: none;
   outline: none;
   background: transparent;
   display: flex;
   cursor: pointer;
-  color: var(--scalar-api-reference-theme-color-3);
+  color: var(--theme-color-3);
   margin-left: 6px;
   border: none;
   border-radius: 3px;
 }
-.copy-button[data-v-fddb0abd]:hover {
-  color: var(--scalar-api-reference-theme-color-1);
+.copy-button[data-v-9951d57c]:hover {
+  color: var(--theme-color-1);
 }
-.copy-button svg[data-v-fddb0abd] {
+.copy-button svg[data-v-9951d57c] {
   width: 13px;
   height: 13px;
 }
-.show-api-client-button[data-v-fddb0abd] {
+.show-api-client-button[data-v-9951d57c] {
   width: 100%;
   display: block;
   appearance: none;
   outline: none;
   border: none;
-  border-radius: var(--scalar-api-reference-rounded-lg);
+  border-radius: var(--theme-radius-lg);
   height: 35px;
   display: flex;
   justify-content: center;
   cursor: pointer;
   align-items: center;
-  font-weight: var(--scalar-api-reference-theme-bold);
-  font-size: var(--scalar-api-reference-theme-micro);
+  font-weight: var(--theme-bold);
+  font-size: var(--theme-micro);
   text-transform: uppercase;
   border: 1px solid currentColor;
-  background: var(--scalar-api-reference-theme-button-1);
-  color: var(--scalar-api-reference-theme-button-1-color);
+  background: var(--theme-button-1);
+  color: var(--theme-button-1-color);
 }
-.show-api-client-button[data-v-fddb0abd]:hover {
-  background: var(--scalar-api-reference-theme-button-1-hover);
+.show-api-client-button[data-v-9951d57c]:hover {
+  background: var(--theme-button-1-hover);
 }
-.show-api-client-button svg[data-v-fddb0abd] {
+.show-api-client-button svg[data-v-9951d57c] {
   height: 12px;
   width: auto;
   margin-right: 6px;
 }
-.request-method[data-v-fddb0abd] {
-  font-family: var(--scalar-api-reference-font-mono);
+.request-method[data-v-9951d57c] {
+  font-family: var(--theme-font-code);
 }
-.request-path[data-v-fddb0abd] {
-  font-family: var(--scalar-api-reference-font-mono);
+.request-path[data-v-9951d57c] {
+  font-family: var(--theme-font-code);
 }
 
-.code-copy[data-v-c3be83db] {
+.code-copy[data-v-c9b38270] {
   display: flex;
   appearance: none;
   -webkit-appearance: none;
   outline: none;
   background: transparent;
   cursor: pointer;
-  color: var(--scalar-api-reference-theme-color-3);
+  color: var(--theme-color-3);
   border: none;
 }
-.code-copy[data-v-c3be83db]:hover {
-  color: var(--scalar-api-reference-theme-color-1);
+.code-copy[data-v-c9b38270]:hover {
+  color: var(--theme-color-1);
 }
-.code-copy svg[data-v-c3be83db] {
+.code-copy svg[data-v-c9b38270] {
   width: 13px;
   height: 13px;
 }
-.description[data-v-c3be83db] {
-  font-weight: var(--scalar-api-reference-theme-semibold);
-  font-size: var(--scalar-api-reference-theme-mini);
+.description[data-v-c9b38270] {
+  font-weight: var(--theme-semibold);
+  font-size: var(--theme-micro);
 }
-.scalar-api-reference__empty-state[data-v-c3be83db] {
-  border: 1px dashed var(--scalar-api-reference-border-color);
+.scalar-api-reference__empty-state[data-v-c9b38270] {
+  border: 1px dashed var(--theme-border-color);
   width: 100%;
   text-align: center;
-  font-size: var(--scalar-api-reference-theme-mini);
+  font-size: var(--theme-micro);
   padding: 20px;
-  color: var(--scalar-api-reference-theme-color-2);
+  color: var(--theme-color-2);
 }
 
-.endpoints[data-v-b58016f4] {
+.endpoints[data-v-18af7819] {
   overflow: auto;
-  background: var(--scalar-api-reference-theme-background-2);
+  background: var(--theme-background-2);
 }
-.endpoints span + span[data-v-b58016f4] {
+.endpoints span + span[data-v-18af7819] {
   text-align: left;
   margin-left: 12px;
   text-transform: initial;
@@ -1274,7 +1274,7 @@ to {
 }
 }
 
-.render-loading[data-v-ea5f7d36] {
+.render-loading[data-v-34ad186e] {
   height: calc(
     var(--scalar-api-reference-full-height) -
       var(--scalar-api-reference-theme-header-height)
@@ -1283,17 +1283,17 @@ to {
   align-items: center;
   justify-content: center;
 }
-.show-more[data-v-ea5f7d36] {
-  background: var(--scalar-api-reference-theme-background-1);
+.show-more[data-v-34ad186e] {
+  background: var(--theme-background-1);
   appearance: none;
   border: none;
-  border: 1px solid var(--scalar-api-reference-border-color);
+  border: 1px solid var(--theme-border-color);
   margin: auto;
   padding: 8px 12px;
   border-radius: 30px;
-  color: var(--scalar-api-reference-theme-color-1);
-  font-weight: var(--scalar-api-reference-theme-semibold);
-  font-size: var(--scalar-api-reference-theme-font-size-4);
+  color: var(--theme-color-1);
+  font-weight: var(--theme-semibold);
+  font-size: var(--theme-small);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1301,87 +1301,180 @@ to {
   margin-bottom: 48px;
   position: relative;
 }
-.show-more[data-v-ea5f7d36]:hover {
-  color: var(--scalar-api-reference-theme-color-2);
+.show-more[data-v-34ad186e]:hover {
+  color: var(--theme-color-2);
   cursor: pointer;
 }
-.show-more-icon[data-v-ea5f7d36] {
+.show-more-icon[data-v-34ad186e] {
   width: 14px;
   height: 14px;
   margin-left: 3px;
 }
-.show-more[data-v-ea5f7d36]:active {
-  box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
+.show-more[data-v-34ad186e]:active {
+  box-shadow: 0 0 0 1px var(--theme-border-color);
 }
 @media (max-width: 1165px) {
-.show-more[data-v-ea5f7d36] {
+.show-more[data-v-34ad186e] {
     margin-top: -24px;
     margin-bottom: 24px;
 }
 }
+/* fonts */
 :root {
-  /** Fonts */
-  --scalar-api-reference-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-  Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  --scalar-api-reference-font-mono: 'JetBrains Mono';
-
-  --scalar-api-reference-sidebar-border-color: #000;
-  --scalar-api-reference-theme-background-1: #fff;
-  --scalar-api-reference-theme-background-2: #fafafa;
-  --scalar-api-reference-border-color: #d4d4d4;
-  --scalar-api-reference-border: 1px solid
-    var(--scalar-api-reference-border-color);
-  --scalar-api-reference-theme-button-1-color: #fff;
-  --scalar-api-reference-theme-button-1-hover: #ccc;
-  --scalar-api-reference-theme-button-1: red;
-  --scalar-api-reference-theme-color-1: #000;
-  --scalar-api-reference-theme-color-2: #a3a3a3;
-  --scalar-api-reference-theme-color-3: #666;
-  --scalar-api-reference-theme-color-ghost: #eee;
-  --scalar-api-reference-theme-error-color: red;
-  --scalar-api-reference-theme-font-size-4: 14px;
-  --scalar-api-reference-theme-header-height: 0;
-  --scalar-api-reference-rounded: 4px;
-  --scalar-api-reference-theme-semibold: 600;
-  --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
-  --scalar-api-reference-theme-sidebar-width: 300px;
-  --scalar-api-reference-theme-small: 12px;
-  --scalar-api-reference-app-header-height: 100px;
-  --scalar-api-reference-col-width-1: 300px;
-  --scalar-api-reference-col-width-2: calc(50% - 150px);
-  --scalar-api-reference-col-width-3: calc(50% - 150px);
-  --scalar-api-reference-document-height: 100vh;
-  --scalar-api-reference-font-color: #000;
-  --scalar-api-reference-full-height: 100%;
-  --scalar-api-reference-sidebar-background-1: white;
-  --scalar-api-reference-sidebar-color-1: #000;
-  --scalar-api-reference-sidebar-color-2: #ccc;
-  --scalar-api-reference-sidebar-color-active: blue;
-  --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
-  --scalar-api-reference-theme-background-3: #ccc;
-  --scalar-api-reference-theme-bold: 700;
-  --scalar-api-reference-border-width: 1px;
-  --scalar-api-reference-theme-color-accent: blue;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-heading-2: 24px;
-  --scalar-api-reference-theme-heading-4: 16px;
-  --scalar-api-reference-theme-micro: 10px;
-  --scalar-api-reference-theme-mini: 12px;
-  --scalar-api-reference-theme-paragraph: 16px;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-put-color: purple;
-  --scalar-api-reference-rounded-lg: 8px;
-  --scalar-api-reference-theme-regular: 14px;
-  --scalar-api-reference-theme-toc-width: 300px;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-put-color: purple;
+    --app-header-height: 50px;
+    --theme-border-width: 1px;
+    --theme-radius: 3px;
+    --theme-radius-lg: 6px;
+    --theme-radius-xl: 8px;
+  
+    --theme-header-height: 50px;
+    --theme-sidebar-width: 250px;
+    --theme-toc-width: 250px;
+  
+    /* TYPOGRAPHY ------------------------------------ */
+    --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    --theme-font-code: 'JetBrains Mono';
+  
+    /** Font sizes for rendered text content (editor styles or static content) */
+    --theme-heading-1: 40px; /* Editor Page heading */
+    --theme-page-description: 24px;
+    --theme-heading-2: 24px; /* Editor section headings */
+    --theme-heading-3: 20px;
+    --theme-heading-4: 16px;
+    --theme-heading-5: 16px;
+    --theme-heading-6: 16px;
+  
+    --theme-paragraph: 16px;
+    --theme-small: 14px;
+    --theme-mini: 13px;
+    --theme-micro: 12px;
+    --theme-bold: 600;
+    --theme-semibold: 500;
+    --theme-regular: 400;
+  
+    /* Font sizes for interactive applications (not rendered text content) */
+    --theme-font-size-1: 24px;
+    --theme-font-size-2: 16px;
+    --theme-font-size-3: 14px;
+    --theme-font-size-4: 13px;
+    --theme-font-size-5: 12px;
+  
+    --theme-line-height-1: 32px;
+    --theme-line-height-2: 24px;
+    --theme-line-height-3: 20px;
+    --theme-line-height-4: 18px;
+    --theme-line-height-5: 16px;
+  
+    --theme-font-medium: 500;
+    --theme-font-bold: 700;
+}
+@media (max-width: 460px) {
+:root {
+      --theme-font-size-1: 22px;
+      --theme-font-size-2: 14px;
+      --theme-font-size-3: 12px;
+}
+}
+@media (max-width: 720px) {
+:root {
+      --theme-heading-1: 24px;
+      --theme-page-description: 20px;
+}
+}
+.light-mode {
+    color-scheme: light;
+    --theme-color-1: #2a2f45;
+    --theme-color-2: #757575;
+    --theme-color-3: #8e8e8e;
+    --theme-color-disabled: #b4b1b1;
+    --theme-color-ghost: #a7a7a7;
+    --theme-color-accent: #0099ff;
+    --theme-background-1: #fff;
+    --theme-background-2: #f6f6f6;
+    --theme-background-3: #e7e7e7;
+    --theme-background-4: rgba(0, 0, 0, 0.06);
+    --theme-background-accent: #8ab4f81f;
+  
+    --theme-border-color: rgba(0, 0, 0, 0.1);
+    --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
+    --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
+    --theme-lifted-brightness: 1;
+    --theme-backdrop-brightness: 1;
+  
+    --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
+    --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
+      rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
+  
+    --theme-button-1: rgb(49 53 56);
+    --theme-button-1-color: #fff;
+    --theme-button-1-hover: rgb(28 31 33);
+  
+    --theme-error-color: #ae262f;
+    --theme-warning-color: #d89c6a;
+    --theme-success-color: #26ae42;
+  
+    /* REST API Client Colors */
+    --theme-post-color: #00a67d;
+    --theme-post-background: #00a67d1a;
+    --theme-delete-color: #ef0006;
+    --theme-delete-background: #ef00061a;
+    --theme-patch-color: #b2b062;
+    --theme-patch-background: #ffe6001a;
+    --theme-get-color: #0082d0;
+    --theme-get-background: #0082d01a;
+    --theme-put-color: #f3830e;
+    --theme-put-background: #f3830e1a;
+  
+    /* Misc Scalar Branding */
+    --scalar-brand: #faf6e9;
+}
+.dark-mode {
+    color-scheme: dark;
+    --theme-color-1: rgba(255, 255, 255, 0.9);
+    --theme-color-2: rgba(255, 255, 255, 0.62);
+    --theme-color-3: rgba(255, 255, 255, 0.44);
+    --theme-color-disabled: rgba(255, 255, 255, 0.34);
+    --theme-color-ghost: rgba(255, 255, 255, 0.26);
+    --theme-color-accent: #8ab4f8;
+    --theme-background-1: #1a1a1a;
+    --theme-background-2: #252525;
+    --theme-background-3: #323232;
+    --theme-background-4: rgba(255, 255, 255, 0.06);
+    --theme-background-accent: #8ab4f81f;
+  
+    --theme-border-color: rgba(255, 255, 255, 0.1);
+    --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
+    --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
+    --theme-lifted-brightness: 1.45;
+    --theme-backdrop-brightness: 0.5;
+  
+    --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
+    --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
+      rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
+  
+    --theme-button-1: #f6f6f6;
+    --theme-button-1-color: #000;
+    --theme-button-1-hover: #e7e7e7;
+  
+    --theme-error-color: #ff0011;
+    --theme-success-color: #26ae42;
+  
+    /* REST API Client Colors */
+    --theme-post-color: #7ee787;
+    --theme-post-background: #7ee78714;
+    --theme-delete-color: #e77e7e;
+    --theme-delete-background: #e77e7e24;
+    --theme-patch-color: #b2b062;
+    --theme-patch-background: #b2b06229;
+    --theme-get-color: #79c0ff;
+    --theme-get-background: #79c0ff21;
+    --theme-put-color: #e9950c;
+    --theme-put-background: #e9950c21;
+  
+    /* Misc Scalar Branding */
+    --scalar-brand: #8b7256;
 }
-
 /** Utilities, how do we deal with them? */
 .flex {
   display: flex;
@@ -1407,11 +1500,11 @@ to {
 
 /** TODO: Move to components */
 .codemenu-topbar {
-  background: var(--scalar-api-reference-theme-background-2);
-  border-bottom: 1px solid var(--scalar-api-reference-border-color);
+  background: var(--theme-background-2);
+  border-bottom: 1px solid var(--theme-border-color);
   padding: 0 7px 0 12px;
-  border-radius: var(--scalar-api-reference-theme-radius)
-    var(--scalar-api-reference-theme-radius) 0 0;
+  border-radius: var(--theme-radius)
+    var(--theme-radius) 0 0;
 }
 .codemenu {
   display: flex;
@@ -1431,19 +1524,19 @@ to {
   align-items: center;
 }
 .codemenu-item-key {
-  font-size: var(--scalar-api-reference-theme-mini);
-  color: var(--scalar-api-reference-theme-color-3);
+  font-size: var(--theme-micro);
+  color: var(--theme-color-3);
   padding: 6px 4px;
   cursor: pointer;
   user-select: none;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-weight: var(--scalar-api-reference-theme-semibold);
+  font-weight: var(--theme-semibold);
   position: relative;
   margin-left: -4px;
   margin-right: -4px;
-  border-radius: var(--scalar-api-reference-rounded);
+  border-radius: var(--theme-radius-lg);
   text-transform: uppercase;
 }
 .codemenu-item-key:hover {
@@ -1451,7 +1544,7 @@ to {
 }
 .codemenu-item:first-of-type:last-of-type .codemenu-item-key,
 .codemenu-item__active .codemenu-item-key {
-  color: var(--scalar-api-reference-theme-color-1);
+  color: var(--theme-color-1);
 }
 .codemenu-item:first-of-type:last-of-type:after,
 .codemenu-item__active:after {
@@ -1460,7 +1553,7 @@ to {
   height: 1px;
   position: absolute;
   bottom: -4px;
-  background: var(--scalar-api-reference-theme-color-1);
+  background: var(--theme-color-1);
 }
 .codemenu-item__disabled {
   pointer-events: none;
@@ -1477,19 +1570,19 @@ to {
   overflow: hidden;
 }
 .endpoint .post {
-  color: var(--scalar-api-reference-theme-post-color);
+  color: var(--theme-post-color);
 }
 .endpoint .patch {
-  color: var(--scalar-api-reference-theme-patch-color);
+  color: var(--theme-patch-color);
 }
 .endpoint .get {
-  color: var(--scalar-api-reference-theme-get-color);
+  color: var(--theme-get-color);
 }
 .endpoint .delete {
-  color: var(--scalar-api-reference-theme-delete-color);
+  color: var(--theme-delete-color);
 }
 .endpoint .put {
-  color: var(--scalar-api-reference-theme-put-color);
+  color: var(--theme-put-color);
 }
 .endpoint .post,
 .endpoint .get,
@@ -1498,23 +1591,23 @@ to {
   white-space: nowrap;
 }
 .endpoint span {
-  color: var(--scalar-api-reference-theme-color-2);
+  color: var(--theme-color-2);
   min-width: 62px;
   display: inline-block;
   text-align: right;
   line-height: 1.55;
-  font-family: var(--scalar-api-reference-font-mono);
-  font-size: var(--scalar-api-reference-theme-mini);
+  font-family: var(--theme-font-code);
+  font-size: var(--theme-micro);
   cursor: pointer;
 }
 .languages .example-item-endpoints {
-  background: var(--scalar-api-reference-theme-background-2);
+  background: var(--theme-background-2);
   width: 100%;
-  border-top: var(--scalar-api-reference-border);
+  border-top: 1px solid var(--theme-border-color);
 }
 .endpoint-response p {
   margin-top: 6px;
-  font-size: var(--scalar-api-reference-theme-small);
+  font-size: var(--theme-small);
   min-height: auto;
   line-height: 17px;
 }
@@ -1523,9 +1616,9 @@ to {
   min-width: auto;
 }
 .endpoint-response {
-  border-top: var(--scalar-api-reference-border);
+  border-top: 1px solid var(--theme-border-color);
   padding: 12px 0;
-  font-size: var(--scalar-api-reference-theme-small);
+  font-size: var(--theme-small);
 }
 .tag-description {
   margin-top: 12px;
@@ -1536,9 +1629,9 @@ to {
   margin-top: 24px;
 }
 .copy .title {
-  font-size: var(--scalar-api-reference-theme-heading-4);
-  font-weight: var(--scalar-api-reference-theme-semibold);
-  color: var(--scalar-api-reference-theme-color-1);
+  font-size: var(--theme-heading-4);
+  font-weight: var(--theme-semibold);
+  color: var(--theme-color-1);
   line-height: 1.45;
 }
 .endpoint-response__headers {
@@ -1555,7 +1648,7 @@ to {
   width: 100%;
 }
 .reference:not(:last-of-type) {
-  border-bottom: var(--scalar-api-reference-border);
+  border-bottom: 1px solid var(--theme-border-color);
 }
 .reference .reference-container {
   position: relative;
@@ -1567,7 +1660,7 @@ to {
   padding: 90px 0;
 }
 .reference-container + .reference-container {
-  border-top: var(--scalar-api-reference-border);
+  border-top: 1px solid var(--theme-border-color);
 }
 .reference-container .copy,
 .reference-container .example {
@@ -1584,7 +1677,7 @@ to {
   position: sticky;
 }
 .copy .tag-description a {
-  color: var(--scalar-api-reference-theme-color-1);
+  color: var(--theme-color-1);
   text-decoration: underline;
 }
 
@@ -1608,10 +1701,10 @@ to {
   padding-top: 0;
 }
 .editor-heading h1 {
-  font-size: var(--font-size, var(--scalar-api-reference-theme-heading-2));
-  font-weight: var(--font-weight, var(--scalar-api-reference-theme-bold));
+  font-size: var(--font-size, var(--theme-heading-2));
+  font-weight: var(--font-weight, var(--theme-bold));
   /* prettier-ignore */
-  color: var(--scalar-api-reference-font-color, var(--scalar-api-reference-theme-color-1));
+  color: var(--theme-color-1);
   line-height: 1.45;
 }
 
@@ -1638,10 +1731,6 @@ to {
   --col-width-2: auto;
   --col-width-3: var(--scalar-api-reference-theme-toc-width);
 
-  /* Redifine theme border at the document level so it's not pulled off the body */
-  --theme-border: var(--scalar-api-reference-border-width) solid
-    var(--scalar-api-reference-border-color);
-
   display: grid;
 
   grid-template-rows:
@@ -1686,7 +1775,7 @@ to {
 .layout-content {
   grid-area: content;
   min-width: 0;
-  background: var(--scalar-api-reference-theme-background-1);
+  background: var(--theme-background-1);
 }
 
 /* Measures the visible viewport of the editor */
@@ -1704,12 +1793,12 @@ to {
 .layout-aside-left {
   position: relative;
   grid-area: sidebar;
-  border-right: var(--scalar-api-reference-border);
+  border-right: 1px solid var(--theme-border-color);
 }
 .layout-aside-right {
   position: relative;
   grid-area: aside;
-  background: var(--scalar-api-reference-theme-background-1);
+  background: var(--theme-background-1);
 }
 .layout-aside-content {
   position: sticky;
@@ -1823,7 +1912,7 @@ to {
     position: sticky;
     top: 0;
     height: var(--scalar-api-reference-theme-header-height);
-    border-bottom: var(--scalar-api-reference-border);
+    border-bottom: 1px solid var(--theme-border-color);
 
     width: 100%;
     z-index: 10;
@@ -1840,70 +1929,20 @@ to {
     /* Offset by 2px to fill screen and compensate for gap */
     height: calc(var(--scalar-api-reference-document-height) + 2px);
 
-    border-top: var(--scalar-api-reference-border);
+    border-top: 1px solid var(--theme-border-color);
     display: flex;
     flex-direction: column;
 }
 }
 :root {
-  /** Fonts */
-  --scalar-api-reference-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-  Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  --scalar-api-reference-font-mono: 'JetBrains Mono';
-
-  --scalar-api-reference-sidebar-border-color: #000;
-  --scalar-api-reference-theme-background-1: #fff;
-  --scalar-api-reference-theme-background-2: #fafafa;
-  --scalar-api-reference-border-color: #d4d4d4;
-  --scalar-api-reference-border: 1px solid
-    var(--scalar-api-reference-border-color);
-  --scalar-api-reference-theme-button-1-color: #fff;
-  --scalar-api-reference-theme-button-1-hover: #ccc;
-  --scalar-api-reference-theme-button-1: red;
-  --scalar-api-reference-theme-color-1: #000;
-  --scalar-api-reference-theme-color-2: #a3a3a3;
-  --scalar-api-reference-theme-color-3: #666;
-  --scalar-api-reference-theme-color-ghost: #eee;
-  --scalar-api-reference-theme-error-color: red;
-  --scalar-api-reference-theme-font-size-4: 14px;
+  /* ?? layout stuff */
   --scalar-api-reference-theme-header-height: 0;
-  --scalar-api-reference-rounded: 4px;
-  --scalar-api-reference-theme-semibold: 600;
-  --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
   --scalar-api-reference-theme-sidebar-width: 300px;
-  --scalar-api-reference-theme-small: 12px;
+  --scalar-api-reference-theme-toc-width: 300px;
   --scalar-api-reference-app-header-height: 100px;
   --scalar-api-reference-col-width-1: 300px;
   --scalar-api-reference-col-width-2: calc(50% - 150px);
   --scalar-api-reference-col-width-3: calc(50% - 150px);
   --scalar-api-reference-document-height: 100vh;
-  --scalar-api-reference-font-color: #000;
   --scalar-api-reference-full-height: 100%;
-  --scalar-api-reference-sidebar-background-1: white;
-  --scalar-api-reference-sidebar-color-1: #000;
-  --scalar-api-reference-sidebar-color-2: #ccc;
-  --scalar-api-reference-sidebar-color-active: blue;
-  --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
-  --scalar-api-reference-theme-background-3: #ccc;
-  --scalar-api-reference-theme-bold: 700;
-  --scalar-api-reference-border-width: 1px;
-  --scalar-api-reference-theme-color-accent: blue;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-heading-2: 24px;
-  --scalar-api-reference-theme-heading-4: 16px;
-  --scalar-api-reference-theme-micro: 10px;
-  --scalar-api-reference-theme-mini: 12px;
-  --scalar-api-reference-theme-paragraph: 16px;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-put-color: purple;
-  --scalar-api-reference-rounded-lg: 8px;
-  --scalar-api-reference-theme-regular: 14px;
-  --scalar-api-reference-theme-toc-width: 300px;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-put-color: purple;
 }