@turquoisehealth/pit-viper 2.238.1-dev.0 → 2.240.0

package/_site/assets/css/pit-viper-v2-scoped.css

@@ -30,7 +30,7 @@
 .pv-v2 :where(*) {
   box-sizing: border-box;
   margin: 0;
-  outline-color: #36C5BA;
+  outline-color: var(--color-focus-ring, #36C5BA);
 }
 .pv-v2 :where(input, button, textarea, select) {
   font: inherit;
@@ -93,7 +93,7 @@
   font-style: normal;
 }
 .pv-v2 :where(blockquote):not(.pv-blockquote) {
-  border: 0 solid #E3E7EA;
+  border: 0 solid var(--color-border, #E3E7EA);
   border-inline-start-width: 0.25rem;
   padding-inline-start: 1.5rem;
 }
@@ -364,13 +364,13 @@
 }
 .pv-v2 [data-list-style=display]::before {
   content: counter(display) ".";
-  color: #16696D;
+  color: var(--color-text-brand, #16696D);
   font-family: "Inter", sans-serif;
   font-size: var(--display-counter-list-font-size, 0.875rem);
   line-height: var(--display-counter-list-line-height, 1.4285714);
 }
 .pv-v2 [data-list-incomplete] {
-  color: #4B595C;
+  color: var(--color-text-subdued, #4B595C);
 }
 .pv-v2 [data-list-incomplete]::before {
   color: #4B595C;
@@ -596,11 +596,11 @@
   background-color: var(--button-ghost-pressed-background-color, #C7D8DB);
 }
 .pv-v2 .pv-button-ghost.pv-button-inverse {
-  color: #FFFFFF;
+  color: var(--color-text-inverse, #FFFFFF);
 }
 .pv-v2 .pv-button-ghost.pv-button-inverse:not(disabled):hover, .pv-v2 .pv-button-ghost.pv-button-inverse:not(disabled):focus-visible {
-  color: #FFFFFF;
-  background-color: #16696D;
+  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--button-primary-background-color, #16696D);
 }
 .pv-v2 .pv-button-ghost-destructive {
   color: #801A00;
@@ -696,14 +696,14 @@
   border-radius: 4px;
   display: grid;
   place-items: center;
-  color: currentColor;
-  background-color: transparent;
+  color: var(--button-icon-color, currentColor);
+  background-color: var(--button-icon-background-color, transparent);
 }
 .pv-v2 .pv-button-icon:hover, .pv-v2 .pv-button-icon:focus-visible {
-  background-color: #E8F2F4;
+  background-color: var(--button-icon-hover-background-color, #E8F2F4);
 }
 .pv-v2 .pv-button-icon:active {
-  background-color: #C7D8DB;
+  background-color: var(--button-icon-pressed-background-color, #C7D8DB);
 }
 .pv-v2 .pv-button-icon:disabled {
   color: var(--button-icon-disabled-color, #7D898D);
@@ -716,16 +716,16 @@
   padding: calc(0.125rem - 1px);
 }
 .pv-v2 .pv-button-icon-outline {
-  background-color: #F7F8F8;
-  border: 1px solid #E3E7EA;
+  background-color: var(--color-background-accent, #F7F8F8);
+  border: 1px solid var(--color-border, #E3E7EA);
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  color: #121313;
+  color: var(--color-text-body, #121313);
   font-size: 0.8rem;
   height: 2.5rem;
   padding: 0.5rem 0.7rem;
 }
 .pv-v2 .pv-button-icon-outline:hover, .pv-v2 .pv-button-icon-outline:focus-visible {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 0px 1px 0 rgba(0, 0, 0, 0.3);
   transition-duration: 0.3s;
   transition-property: box-shadow;
@@ -780,7 +780,7 @@
 }
 .pv-v2 [class*=pv-segmented-control] {
   padding: 0.125rem;
-  background-color: #F0F2F2;
+  background-color: var(--segmented-control-background, #F0F2F2);
   border-radius: 4px;
   display: inline-flex;
   align-items: center;
@@ -795,14 +795,14 @@
   box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .pv-v2 [class*=pv-segmented-control] button[data-active] {
-  background-color: #FFFFFF;
+  background-color: var(--segmented-control-button-selected-background, #FFFFFF);
 }
 .pv-v2 [class*=pv-segmented-control] button:hover:not(:disabled),
 .pv-v2 [class*=pv-segmented-control] button:focus-visible:not(:disabled) {
-  background-color: #E8F2F4;
+  background-color: var(--segmented-control-button-hover-background, #E8F2F4);
 }
 .pv-v2 [class*=pv-segmented-control] button:active:not(:disabled) {
-  background-color: #C7D8DB;
+  background-color: var(--segmented-control-button-active-background, #C7D8DB);
 }
 .pv-v2 [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
   padding: calc(0.125rem - 1px);
@@ -876,8 +876,8 @@
   right: var(--right);
   bottom: var(--bottom);
   z-index: 50;
-  background-color: #16696D;
-  color: #FFFFFF;
+  background-color: var(--button-floating-background-color, #16696D);
+  color: var(--color-text-inverse, #FFFFFF);
   width: 3rem;
   aspect-ratio: 1;
   border-radius: 50%;
@@ -885,10 +885,10 @@
   box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
 }
 .pv-v2 [class*=pv-button-floating]:hover:not(:disabled), .pv-v2 [class*=pv-button-floating]:focus-visible:not(:disabled) {
-  background-color: #16696D;
+  background-color: var(--button-floating-hover-background-color, #16696D);
 }
 .pv-v2 [class*=pv-button-floating]:active:not(:disabled) {
-  background-color: #02363D;
+  background-color: var(--button-floating-active-background-color, #02363D);
 }
 .pv-v2 [class*=pv-button-floating]:disabled {
   background-color: var(--button-floating-disabled-background-color, #6E7784);
@@ -898,14 +898,14 @@
   padding: 0.5rem;
 }
 .pv-v2 .pv-button-floating-on-dark {
-  background-color: #A8E6E1;
-  color: #121313;
+  background-color: var(--button-floating-on-dark-background-color, #A8E6E1);
+  color: var(--color-text-body, #121313);
 }
 .pv-v2 .pv-button-floating-on-dark:hover:not(:disabled), .pv-v2 .pv-button-floating-on-dark:focus-visible:not(:disabled) {
-  background-color: #E8F2F4;
+  background-color: var(--button-floating-on-dark-hover-background-color, #E8F2F4);
 }
 .pv-v2 .pv-button-floating-on-dark:active:not(:disabled) {
-  background-color: #6FD6CE;
+  background-color: var(--button-floating-on-dark-active-background-color, #6FD6CE);
 }
 .pv-v2 .pv-button-floating-on-dark:disabled {
   background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
@@ -913,7 +913,7 @@
 .pv-v2 .pv-alpha-button,
 .pv-v2 [data-collapsed] .pv-alpha-button {
   width: min-content;
-  background-color: #FFFFFF;
+  background-color: var(--alpha-button-background-color, #FFFFFF);
   border-radius: 4px;
   border: 0;
   padding: 0.5rem;
@@ -931,7 +931,7 @@
 .pv-v2 .pv-alpha-button span:last-child,
 .pv-v2 [data-collapsed] .pv-alpha-button span:last-child {
   display: inline-block;
-  background-color: #FFEB99;
+  background-color: var(--alpha-button-tag-background-color, #FFEB99);
   border-radius: 4px;
   padding: 0.125rem;
   font-size: 0.6875rem;
@@ -943,7 +943,7 @@
 .pv-v2 [data-collapsed] .pv-alpha-button:hover,
 .pv-v2 [data-collapsed] .pv-alpha-button:focus-visible,
 .pv-v2 [data-collapsed] .pv-alpha-button:active {
-  background-color: #176F6F;
+  background-color: var(--alpha-button-hover-background-color, #176F6F);
 }
 .pv-v2 .pv-alpha-button:hover span:first-child, .pv-v2 .pv-alpha-button:focus-visible span:first-child, .pv-v2 .pv-alpha-button:active span:first-child,
 .pv-v2 [data-collapsed] .pv-alpha-button:hover span:first-child,
@@ -953,7 +953,7 @@
 }
 .pv-v2 .pv-alpha-button:active,
 .pv-v2 [data-collapsed] .pv-alpha-button:active {
-  background-color: #0D5256;
+  background-color: var(--alpha-button-active-background-color, #0D5256);
 }
 @media (width >= 768px) {
   .pv-v2 .pv-alpha-button {
@@ -972,14 +972,14 @@
 .pv-v2 .pv-textarea,
 .pv-v2 .pv-select,
 .pv-v2 .pv-select-multiple {
-  color: #121313;
+  color: var(--color-text-body, #121313);
   padding: var(--text-input-padding, calc(0.5rem - 1px) 0.75rem);
   font-size: var(--text-input-font-size, 0.75rem);
   line-height: var(--text-input-line-height, 1.33333333);
   border: var(--text-input-border-width, 1px) solid var(--text-input-border-color, #E3E7EA);
   border-radius: var(--text-input-radius, 4px);
   appearance: none;
-  background-color: #fff;
+  background-color: var(--color-background-body, #FFFFFF);
   width: 100%;
   min-width: fit-content;
   transition-duration: 0.125s;
@@ -1058,15 +1058,15 @@
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
   background-position: top 50% left 0.75rem;
-  background-color: #F7F8F8;
-  border-radius: 4px;
-  border-color: #DCDFE4;
+  background-color: var(--search-background-color, #F7F8F8);
+  border-radius: var(--search-border-radius, 4px);
+  border-color: var(--search-border-color, #DCDFE4);
 }
 .pv-v2 .pv-input-search:hover:not(:disabled) {
   box-shadow: 0px 0.25px 3px 0px rgba(0, 0, 0, 0.2);
 }
 .pv-v2 .pv-input-search:focus-visible {
-  border-color: #36C5BA;
+  border-color: var(--search-focus-border-color, #36C5BA);
 }
 .pv-v2 .pv-select,
 .pv-v2 .pv-select-multiple {
@@ -1084,7 +1084,7 @@
 .pv-v2 .pv-select:disabled, .pv-v2 .pv-select:disabled > option,
 .pv-v2 .pv-select-multiple:disabled,
 .pv-v2 .pv-select-multiple:disabled > option {
-  color: #121313;
+  color: var(--color-text-body, #121313);
   opacity: 1;
 }
 .pv-v2 .pv-select {
@@ -1114,7 +1114,7 @@
   appearance: none;
   width: 1rem;
   height: 1rem;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   border: 2px solid var(--checkbox-border, #D2D8DC);
   flex-shrink: 0;
   transition-duration: 0.125s;
@@ -1176,7 +1176,7 @@
 }
 .pv-v2 .pv-checkbox:disabled + span,
 .pv-v2 .pv-radio:disabled + span {
-  color: #4B595C;
+  color: var(--color-text-subdued, #4B595C);
 }
 .pv-v2 .pv-checkbox {
   border-radius: 2px;
@@ -1240,7 +1240,7 @@
   transform: translateY(-50%);
 }
 .pv-v2 .pv-input-file {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
   padding: 0.75rem;
   border-radius: 4px;
   display: flex;
@@ -1270,7 +1270,7 @@
 }
 .pv-v2 .pv-switch input[type=checkbox] {
   appearance: none;
-  background-color: #D9DEDE;
+  background-color: var(--switch-off-background-color, #D9DEDE);
   border-color: transparent;
   border-radius: 1rem;
   display: flex;
@@ -1282,39 +1282,39 @@
 }
 .pv-v2 .pv-switch input[type=checkbox]:not(:disabled):hover,
 .pv-v2 .pv-switch input[type=checkbox]:not(:disabled):focus-visible {
-  background-color: #E8F2F4;
+  background-color: var(--switch-off-background-color-hover, #E8F2F4);
   cursor: pointer;
 }
 .pv-v2 .pv-switch input[type=checkbox]:not(:disabled):active {
-  background-color: #C7D8DB;
+  background-color: var(--switch-off-background-color-active, #C7D8DB);
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):hover,
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):focus-visible {
-  background-color: #0D5256;
+  background-color: var(--switch-background-color-hover, #0D5256);
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):hover:after,
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):focus-visible:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%230D5256'/%3E%3C/svg%3E");
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):active {
-  background-color: #02363D;
+  background-color: var(--switch-background-color-active, #02363D);
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:not(:disabled):active:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%2302363D'/%3E%3C/svg%3E");
 }
 .pv-v2 .pv-switch input[type=checkbox]:disabled,
 .pv-v2 .pv-switch input[type=checkbox]:checked:disabled {
-  background-color: #ECECEC;
+  background-color: var(--switch-background-color-disabled, #ECECEC);
 }
 .pv-v2 .pv-switch input[type=checkbox]:disabled:after,
 .pv-v2 .pv-switch input[type=checkbox]:checked:disabled:after {
-  background-color: #C9D1D0;
+  background-color: var(--switch-knob-color-disabled, #C9D1D0);
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:disabled:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%237D898D'/%3E%3C/svg%3E");
 }
 .pv-v2 .pv-switch input[type=checkbox]:after {
-  background-color: #FFFFFF;
+  background-color: var(--switch-knob-color, #FFFFFF);
   border-radius: 50%;
   content: "";
   display: block;
@@ -1329,10 +1329,10 @@
   background-position: center center;
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked {
-  background-color: #16696D;
+  background-color: var(--button-primary-background-color, #16696D);
 }
 .pv-v2 .pv-switch input[type=checkbox]:checked:after {
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   right: 2px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%2316696D'/%3E%3C/svg%3E");
 }
@@ -1460,7 +1460,7 @@
   line-height: 1.33333333;
 }
 .pv-v2 .pv-ghost-input input::placeholder, .pv-v2 .pv-ghost-input input::-webkit-input-placeholder {
-  color: #89989B;
+  color: var(--color-text-quaternary, #89989B);
 }
 .pv-v2 .pv-ghost-input button {
   opacity: 0;
@@ -1472,7 +1472,7 @@
   outline: 0;
 }
 .pv-v2 .pv-ghost-input:hover input::placeholder, .pv-v2 .pv-ghost-input:hover input::-webkit-input-placeholder, .pv-v2 .pv-ghost-input:focus-visible input::placeholder, .pv-v2 .pv-ghost-input:focus-visible input::-webkit-input-placeholder, .pv-v2 .pv-ghost-input:focus-within input::placeholder, .pv-v2 .pv-ghost-input:focus-within input::-webkit-input-placeholder {
-  color: #6E8081;
+  color: var(--color-text-tertiary, #6E8081);
 }
 .pv-v2 .pv-ghost-input[data-style=h1] input {
   font-weight: 600;
@@ -1759,26 +1759,26 @@
   display: flex;
   align-items: center;
   gap: 0.25rem;
-  border-inline-start: 1px solid #E3E7EA;
+  border-inline-start: 1px solid var(--toc-border-color, #E3E7EA);
   padding: 0.5rem;
   font-size: 0.75rem;
   line-height: 1.33333333;
   font-weight: 500;
 }
 .pv-v2 .pv-toc > li a:hover, .pv-v2 .pv-toc > li a:focus-visible {
-  color: #0D5256;
-  background-color: #E8F2F4;
-  border-color: #02363D;
+  color: var(--toc-hover-color, #0D5256);
+  background-color: var(--toc-hover-background-color, #E8F2F4);
+  border-color: var(--toc-active-border-color, #02363D);
   text-decoration: none;
 }
 .pv-v2 .pv-toc > li a:active {
-  color: #02363D;
-  background-color: #C7D8DB;
-  border-color: #02363D;
+  color: var(--toc-pressed-color, #02363D);
+  background-color: var(--toc-pressed-background-color, #C7D8DB);
+  border-color: var(--toc-active-border-color, #02363D);
 }
 .pv-v2 .pv-toc > li[aria-current] a {
-  border-color: #02363D;
-  color: #16696D;
+  border-color: var(--toc-active-border-color, #02363D);
+  color: var(--toc-active-color, #16696D);
 }
 .pv-v2 [class*=pv-container] {
   --margin-inline: auto;
@@ -1801,8 +1801,8 @@
   aspect-ratio: 1;
   display: grid;
   place-items: center;
-  color: #FFFFFF;
-  background-color: #36C5BA;
+  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--avatar-background-color, #36C5BA);
   border-radius: 50%;
   overflow: hidden;
   font-weight: 600;
@@ -1883,15 +1883,15 @@
 }
 .pv-v2 .pv-avatar-group > li, .pv-v2 .pv-avatar-group[data-more]:after {
   margin-inline-start: -0.5rem;
-  outline: 2px solid white;
+  outline: 2px solid var(--color-background-body, white);
 }
 .pv-v2 .pv-avatar-group[data-more]:after {
   content: "+" attr(data-more);
-  color: #4B595C;
-  background-color: #D9DEDE;
+  color: var(--avatar-group-more-font-color, #4B595C);
+  background-color: var(--avatar-group-more-background-color, #D9DEDE);
   font-size: #D9DEDE;
   letter-spacing: 0.12px;
-  outline-color: #D2D8DC;
+  outline-color: var(--avatar-group-more-border-color, #D2D8DC);
 }
 .pv-v2 .pv-avatar-group :nth-child(2) {
   background-color: #16696D;
@@ -1912,7 +1912,7 @@
   background-color: #95C54C;
 }
 .pv-v2 [class*=pv-company]:empty {
-  background-color: #E8F2F4;
+  background-color: var(--company-background-color, #E8F2F4);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 13c0 5.49-3.763 8.302-8.331 9.894l-.008.003a1.997 1.997 0 0 1-1.326-.015C6.759 21.3 3 18.487 3 13V6a2 2 0 0 1 2-2c1.794 0 4.021-1.11 5.582-2.473l.009-.007a2.165 2.165 0 0 1 2.818 0l.009.007C14.988 2.899 17.206 4 19 4a2.008 2.008 0 0 1 1.11.336l.304.25A2 2 0 0 1 21 6v7Zm-2 0V6c-2.206 0-4.966-1.278-6.896-2.965a.171.171 0 0 0-.214.005C9.971 4.713 7.203 6 5 6v7c0 4.51 3.235 6.696 6.996 7.995l.023.008C15.768 19.694 19 17.507 19 13Zm-8-2V9a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2Z' fill='%23B8C1C4'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center center;
@@ -2099,15 +2099,15 @@
 .pv-v2 [data-collapsed] .pv-nav-list-inverse summary {
   max-width: none;
   display: flex;
-  color: #121313;
+  color: var(--color-text-body, #121313);
 }
 .pv-v2 .pv-nav-list-inverse a:focus-visible:not([aria-current=page]), .pv-v2 .pv-nav-list-inverse a:hover:not([aria-current=page]), .pv-v2 .pv-nav-list-inverse summary:focus-visible:not([aria-current=page]), .pv-v2 .pv-nav-list-inverse summary:hover:not([aria-current=page]),
 .pv-v2 [data-collapsed] .pv-nav-list-inverse a:focus-visible:not([aria-current=page]),
 .pv-v2 [data-collapsed] .pv-nav-list-inverse a:hover:not([aria-current=page]),
 .pv-v2 [data-collapsed] .pv-nav-list-inverse summary:focus-visible:not([aria-current=page]),
 .pv-v2 [data-collapsed] .pv-nav-list-inverse summary:hover:not([aria-current=page]) {
-  color: #121313;
-  background-color: #F7F8F8;
+  color: var(--color-text-body, #121313);
+  background-color: var(--nav-list-inverse-hover-background-color, #F7F8F8);
 }
 .pv-v2 .pv-nav-list-inverse summary,
 .pv-v2 [data-collapsed] .pv-nav-list-inverse summary {
@@ -2119,8 +2119,8 @@
 }
 .pv-v2 .pv-nav-list-inverse [aria-current=page],
 .pv-v2 [data-collapsed] .pv-nav-list-inverse [aria-current=page] {
-  background-color: #16696D;
-  color: #FFFFFF;
+  background-color: var(--nav-list-active-background-color, #16696D);
+  color: var(--color-text-inverse, #FFFFFF);
 }
 .pv-v2 .pv-nav-list-inverse li:not(:last-child),
 .pv-v2 [data-collapsed] .pv-nav-list-inverse li:not(:last-child) {
@@ -2221,7 +2221,7 @@
   }
 }
 .pv-v2 .pv-notification {
-  --bg-color: white;
+  --bg-color: var(--color-background-body, white);
   position: relative;
 }
 .pv-v2 .pv-notification:after {
@@ -2240,7 +2240,7 @@
   --bg-color: #F7F8F8;
 }
 .pv-v2 [class*=pv-toast] {
-  color: #121313;
+  color: var(--toast-text-color, #121313);
   padding: 0.75rem 1rem;
   display: flex;
   align-items: center;
@@ -2251,26 +2251,26 @@
   flex: 1;
 }
 .pv-v2 .pv-toast-info {
-  background-color: #F7F8F8;
+  background-color: var(--toast-info-background-color, #F7F8F8);
 }
 .pv-v2 .pv-toast-info svg:not([class*=pv-button] svg) {
   fill: #36C5BA;
 }
 .pv-v2 .pv-toast-success {
-  background-color: #E8FDEA;
+  background-color: var(--toast-success-background-color, #E8FDEA);
 }
 .pv-v2 .pv-toast-success svg:not([class*=pv-button] svg) {
   fill: var(--toast-success-icon-color, #0E8019);
 }
 .pv-v2 .pv-toast-error {
-  background-color: #FFEFEB;
+  background-color: var(--toast-error-background-color, #FFEFEB);
 }
 .pv-v2 .pv-toast-error svg:not([class*=pv-button] svg) {
   fill: #FF471A;
 }
 .pv-v2 .pv-toast-dark {
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--toast-dark-background-color, #242626);
+  color: var(--toast-dark-color, #FFFFFF);
 }
 .pv-v2 .pv-toast-dark svg:not([class*=pv-button] svg) {
   background-image: linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%);
@@ -2394,7 +2394,7 @@
 .pv-v2 .pv-table-compressed {
   width: 100%;
   border-spacing: 0;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   text-align: left;
   font-size: 0.75rem;
   line-height: 1.33333333;
@@ -2402,8 +2402,8 @@
 .pv-v2 .pv-table th,
 .pv-v2 .pv-table-compressed th {
   padding: 0.5rem 0.75rem;
-  border-block-end: 1px solid #E3E7EA;
-  background-color: #F7F8F8;
+  border-block-end: 1px solid var(--color-border, #E3E7EA);
+  background-color: var(--table-heading-background-color, #F7F8F8);
 }
 .pv-v2 .pv-table th a,
 .pv-v2 .pv-table-compressed th a {
@@ -2443,7 +2443,7 @@
   padding-block: 0.25rem;
 }
 .pv-v2 .pv-table-compressed :where(th) {
-  background-color: #F7F8F8;
+  background-color: var(--table-compressed-heading-background-color, #F7F8F8);
   font-size: inherit;
   line-height: inherit;
   font-weight: 600;
@@ -2454,11 +2454,11 @@
 }
 .pv-v2 .pv-table-bordered,
 .pv-v2 .pv-table-compressed {
-  border-block-start: 1px solid #E3E7EA;
+  border-block-start: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table-bordered td,
 .pv-v2 .pv-table-compressed td {
-  border-block-end: 1px solid #E3E7EA;
+  border-block-end: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table.pv-expand th:first-child,
 .pv-v2 .pv-table.pv-expand td:first-child {
@@ -2489,13 +2489,13 @@
   z-index: 10;
 }
 .pv-v2 [class*=pv-table] [data-sort] {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E");
+  background-image: var(--table-sort-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E"));
 }
 .pv-v2 [class*=pv-table] [data-sort=descending] {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z' fill='%2302363D'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E");
+  background-image: var(--table-sort-descending-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z' fill='%2302363D'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E"));
 }
 .pv-v2 [class*=pv-table] [data-sort=ascending] {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z' fill='%2302363D'/%3E%3C/svg%3E");
+  background-image: var(--table-sort-ascending-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z' fill='%2302363D'/%3E%3C/svg%3E"));
 }
 .pv-v2 .pv-table-matrix,
 .pv-v2 .pv-table-matrix-compressed {
@@ -2511,16 +2511,16 @@
 .pv-v2 .pv-table-matrix-compressed :where(thead th) {
   padding: 0.5rem 0.75rem;
   min-height: 69px;
-  background-color: #F7F8F8;
+  background-color: var(--table-matrix-heading-background-color, #F7F8F8);
 }
 .pv-v2 .pv-table-matrix :where(thead td),
 .pv-v2 .pv-table-matrix-compressed :where(thead td) {
-  background-color: #F7F8F8;
+  background-color: var(--table-matrix-heading-background-color, #F7F8F8);
   text-align: center;
 }
 .pv-v2 .pv-table-matrix :where(thead td):not(:last-of-type),
 .pv-v2 .pv-table-matrix-compressed :where(thead td):not(:last-of-type) {
-  border-right: 1px solid #E3E7EA;
+  border-right: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table-matrix thead th:not(:first-of-type),
 .pv-v2 .pv-table-matrix-compressed thead th:not(:first-of-type) {
@@ -2530,7 +2530,7 @@
 .pv-v2 .pv-table-matrix th:first-of-type,
 .pv-v2 .pv-table-matrix-compressed th:first-of-type {
   padding-inline: 1.5rem;
-  border-right: 1px solid #E3E7EA;
+  border-right: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table-matrix th, .pv-v2 .pv-table-matrix td,
 .pv-v2 .pv-table-matrix-compressed th,
@@ -2540,13 +2540,13 @@
 }
 .pv-v2 .pv-table-matrix tr > *,
 .pv-v2 .pv-table-matrix-compressed tr > * {
-  border-bottom: 1px solid #E3E7EA;
+  border-bottom: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table-matrix tr > *:not(:first-of-type, :last-of-type),
 .pv-v2 .pv-table-matrix tbody td:not(:last-of-type),
 .pv-v2 .pv-table-matrix-compressed tr > *:not(:first-of-type, :last-of-type),
 .pv-v2 .pv-table-matrix-compressed tbody td:not(:last-of-type) {
-  border-right: 1px solid #E3E7EA;
+  border-right: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-table-matrix tbody th,
 .pv-v2 .pv-table-matrix thead th:first-of-type,
@@ -2558,7 +2558,7 @@
 .pv-v2 .pv-table-matrix tbody th,
 .pv-v2 .pv-table-matrix-compressed tbody th {
   z-index: 20;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
 }
 .pv-v2 .pv-table-matrix thead th:first-of-type,
 .pv-v2 .pv-table-matrix-compressed thead th:first-of-type {
@@ -2591,7 +2591,7 @@
 }
 .pv-v2 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) button:where(:hover, :focus-visible),
 .pv-v2 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) .pv-table-button:where(:hover, :focus-visible) {
-  background-color: #F7F8F8;
+  background-color: var(--table-button-hover-background-color, #F7F8F8);
 }
 .pv-v2 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) button:where(:hover, :focus-visible) > div:last-of-type,
 .pv-v2 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) .pv-table-button:where(:hover, :focus-visible) > div:last-of-type {
@@ -2620,7 +2620,7 @@
 }
 .pv-v2 .pv-table-vertical-borders td:not(:last-child),
 .pv-v2 .pv-table-vertical-borders th:not(:last-child) {
-  border-inline-end: 1px solid #E3E7EA;
+  border-inline-end: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 [class*=pv-table] [data-symbol] {
   position: relative;
@@ -2673,10 +2673,11 @@
   --offset: 0;
   position: sticky;
   left: var(--offset);
-  background-color: #F8F8FA;
+  background-color: var(--table-sticky-column-background-color, #F8F8FA);
   z-index: 10;
 }
 .pv-v2 [class*=pv-table] thead [data-sticky-col] {
+  background-color: var(--table-sticky-heading-background-color, var(--table-sticky-column-background-color, #F8F8FA));
   z-index: 60;
 }
 .pv-v2 .pv-table-vertical-borders .pv-border-thick-right:not(last-child) {
@@ -2684,7 +2685,7 @@
 }
 .pv-v2 .pv-cell-hover:hover,
 .pv-v2 .pv-cell-hover:focus-within {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
 }
 .pv-v2 .pv-floating-native {
   position: fixed;
@@ -2712,7 +2713,7 @@
   overflow-y: auto;
   overflow-x: hidden;
   position: var(--position);
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 12px 16px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
   top: 100%;
@@ -2747,7 +2748,7 @@
   line-height: var(--popover-list-item-line-height, 1.33333333);
   font-weight: 400;
   text-decoration: none;
-  color: #121313;
+  color: var(--color-text-body, #121313);
   transition-duration: 0.125s;
   transition-property: background-color;
 }
@@ -2857,8 +2858,8 @@
 .pv-v2 .pv-tag-green-inverse,
 .pv-v2 .pv-tag-orange-inverse,
 .pv-v2 .pv-tag-turquoise-inverse {
-  border-color: transparent;
-  color: #FFFFFF;
+  border-color: var(--tag-inverse-border-color, transparent);
+  color: var(--tag-inverse-color, #FFFFFF);
 }
 .pv-v2 .pv-tag-inverse {
   background: transparent;
@@ -2880,8 +2881,8 @@
   color: var(--tag-yellow-color, #121313);
 }
 .pv-v2 .pv-tag-yellow-inverse {
-  background-color: #EAB333;
-  color: #121313;
+  background-color: var(--tag-yellow-inverse-background-color, #EAB333);
+  color: var(--tag-yellow-inverse-color, #121313);
 }
 .pv-v2 .pv-tag-green,
 .pv-v2 .pv-tag-success {
@@ -2890,7 +2891,7 @@
   color: var(--tag-green-color, #0E8019);
 }
 .pv-v2 .pv-tag-green-inverse {
-  background-color: #198038;
+  background-color: var(--tag-green-inverse-background-color, #198038);
 }
 .pv-v2 .pv-tag-orange,
 .pv-v2 .pv-tag-warning {
@@ -2899,7 +2900,7 @@
   color: var(--tag-orange-color, #B26500);
 }
 .pv-v2 .pv-tag-orange-inverse {
-  background-color: #BA4E01;
+  background-color: var(--tag-orange-inverse-background-color, #BA4E01);
 }
 .pv-v2 .pv-tag-turquoise {
   background-color: var(--tag-turquoise-background-color, #E2F7F5);
@@ -2907,7 +2908,7 @@
   color: var(--tag-turquoise-color, #176F6F);
 }
 .pv-v2 .pv-tag-turquoise-inverse {
-  background-color: #176F6F;
+  background-color: var(--tag-turquoise-inverse-background-color, #176F6F);
 }
 .pv-v2 .pv-tag-purple {
   background-color: var(--tag-purple-background-color, #E8DAFF);
@@ -2928,10 +2929,10 @@
   color: var(--tag-highlight-color, #16696D);
 }
 .pv-v2 button.pv-tag-primary:hover, .pv-v2 button.pv-tag-primary:focus-visible {
-  background-color: #0D5256;
+  background-color: var(--tag-primary-hover-background-color, #0D5256);
 }
 .pv-v2 button.pv-tag-primary:active {
-  background-color: #02363D;
+  background-color: var(--tag-primary-pressed-background-color, #02363D);
 }
 .pv-v2 .pv-tag-secondary {
   background-color: var(--tag-secondary-background-color, #FFFFFF);
@@ -2939,11 +2940,11 @@
   color: var(--tag-secondary-color, #121313);
 }
 .pv-v2 button.pv-tag-secondary:hover, .pv-v2 button.pv-tag-secondary:focus-visible {
-  background-color: #E8F2F4;
+  background-color: var(--tag-secondary-hover-background-color, #E8F2F4);
   color: #121313;
 }
 .pv-v2 button.pv-tag-secondary:active {
-  background-color: #C7D8DB;
+  background-color: var(--tag-secondary-pressed-background-color, #C7D8DB);
   color: #121313;
 }
 .pv-v2 .pv-suggestion-tag {
@@ -3062,8 +3063,8 @@
   display: inline-block;
   width: 1.5rem;
   height: 1.5rem;
-  color: #FFFFFF;
-  background-color: #ADB5C0;
+  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--tab-list-counter-background-color, #ADB5C0);
   margin-inline-end: 0.5rem;
   text-align: center;
   border-radius: 50%;
@@ -3071,13 +3072,13 @@
   line-height: 2;
 }
 .pv-v2 :where(ol.pv-tab-list) [data-active] > a:before {
-  background-color: #16696D;
+  background-color: var(--tab-list-indicator-color, #16696D);
 }
 .pv-v2 :where(ol.pv-tab-list) [data-complete] {
   opacity: 1;
 }
 .pv-v2 :where(ol.pv-tab-list) [data-complete] > a:before {
-  background-color: #16696D;
+  background-color: var(--tab-list-indicator-color, #16696D);
   color: transparent;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 4.9c.6.6.6 1.5 0 2.1l-11 11c-.6.6-1.5.6-2.1 0l-5-5c-.6-.6-.6-1.5 0-2.1.6-.6 1.5-.6 2.1 0l3.9 4L18.9 5c.6-.6 1.6-.6 2.2-.1z' fill='%23fff'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -3091,7 +3092,7 @@
   border: none;
   border-radius: 4px;
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 12px 20px rgba(0, 0, 0, 0.25), 0px 16px 28px -8px rgba(0, 0, 0, 0.25);
-  color: #121313;
+  color: var(--color-text-body, #121313);
   max-width: min(100% - 2rem, var(--max-width));
   max-height: min(100% - 2rem, var(--max-height));
   margin-inline: auto;
@@ -3138,7 +3139,7 @@
   display: flex;
   gap: 0.25rem;
   align-items: center;
-  color: #4B595C;
+  color: var(--breadcrumbs-color, #4B595C);
 }
 .pv-v2 .pv-breadcrumbs li a {
   color: inherit;
@@ -3147,17 +3148,17 @@
 .pv-v2 .pv-breadcrumbs li:not(:last-child):after {
   display: block;
   content: "";
-  color: #6E8081;
+  color: var(--breadcrumbs-separator-color, #6E8081);
   width: 0.75rem;
   height: 0.75rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.707 18.707a1 1 0 0 1-1.414-1.414L13.586 12 8.293 6.707a1 1 0 0 1 1.414-1.414l6 6a.999.999 0 0 1 0 1.414l-6 6Z' fill='%2389989B'/%3E%3C/svg%3E");
+  background-image: var(--breadcrumbs-background-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.707 18.707a1 1 0 0 1-1.414-1.414L13.586 12 8.293 6.707a1 1 0 0 1 1.414-1.414l6 6a.999.999 0 0 1 0 1.414l-6 6Z' fill='%2389989B'/%3E%3C/svg%3E"));
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: center center;
 }
 .pv-v2 .pv-breadcrumbs li:last-child {
   font-weight: 600;
-  color: #121313;
+  color: var(--breadcrumbs-active-color, #121313);
 }
 .pv-v2 .pv-dropdown {
   position: relative;
@@ -3442,15 +3443,15 @@
   top: calc(100% + 0.25rem);
   width: max-content;
   max-width: var(--max-width);
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--tooltip-background-color, #242626);
+  color: var(--tooltip-color, #FFFFFF);
   padding: 0.5rem;
   border-radius: 4px;
   font-size: 0.6875rem;
   line-height: 1.45454545;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
   z-index: 50;
-  border: 1px solid transparent;
+  border: 1px solid var(--tooltip-border-color, transparent);
 }
 .pv-v2 .pv-tooltip[data-position*=top] > [role=tooltip],
 .pv-v2 .pv-hover-card[data-position*=top] > [role=tooltip] {
@@ -3518,17 +3519,17 @@
 }
 .pv-v2 .pv-tooltip > [role=tooltip] a,
 .pv-v2 .pv-hover-card > [role=tooltip] a {
-  color: #E4F8F6;
+  color: var(--tooltip-link-color, #E4F8F6);
 }
 .pv-v2 .pv-tooltip[data-style=white] > [role=tooltip],
 .pv-v2 .pv-hover-card[data-style=white] > [role=tooltip] {
-  background-color: white;
-  color: #121313;
-  border-color: #E3E7EA;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #121313);
+  border-color: var(--tooltip-white-border-color, #E3E7EA);
 }
 .pv-v2 .pv-tooltip[data-style=white] > [role=tooltip] a,
 .pv-v2 .pv-hover-card[data-style=white] > [role=tooltip] a {
-  color: #16696D;
+  color: var(--tooltip-white-link-color, #16696D);
 }
 .pv-v2 .pv-tooltip[data-static]:after,
 .pv-v2 .pv-hover-card[data-static]:after {
@@ -3553,9 +3554,9 @@
   padding: 0.25rem 0.5rem;
 }
 .pv-v2 .pv-hover-card:hover > [role=tooltip] {
-  background-color: #FFFFFF;
-  border: 1px solid #E3E7EA;
-  color: #121313;
+  background-color: var(--color-background-body, #FFFFFF);
+  border: 1px solid var(--color-border, #E3E7EA);
+  color: var(--color-text-body, #121313);
   padding: 1rem;
 }
 .pv-v2 .pv-tooltip-v2-content {
@@ -3563,41 +3564,41 @@
   max-width: var(--max-width);
   width: max-content;
   padding: 0.5rem;
-  border: 1px solid transparent;
+  border: 1px solid var(--tooltip-border-color, transparent);
   border-radius: 4px;
   font-size: 0.6875rem;
   line-height: 1.45454545;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--tooltip-background-color, #242626);
+  color: var(--tooltip-color, #FFFFFF);
 }
 .pv-v2 .pv-tooltip-v2-content-small {
   padding: 0.25rem 0.5rem;
   font-size: 12px;
 }
 .pv-v2 .pv-tooltip[data-style=white] .pv-tooltip-v2-content {
-  background-color: white;
-  color: #121313;
-  border-color: #E3E7EA;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #121313);
+  border-color: var(--tooltip-white-border-color, #E3E7EA);
 }
 .pv-v2 .pv-tooltip[data-style=white] .pv-tooltip-v2-content a {
-  color: #16696D;
+  color: var(--tooltip-white-link-color, #16696D);
 }
 .pv-v2 .pv-tooltip[data-style=dark] .pv-tooltip-v2-content {
-  background-color: #242626;
-  color: #FFFFFF;
-  border-color: transparent;
+  background-color: var(--tooltip-background-color, #242626);
+  color: var(--tooltip-color, #FFFFFF);
+  border-color: var(--tooltip-border-color, transparent);
 }
 .pv-v2 .pv-tooltip[data-style=dark] .pv-tooltip-v2-content a {
-  color: #E4F8F6;
+  color: var(--tooltip-link-color, #E4F8F6);
 }
 .pv-v2 .pv-tooltip-v2-content[data-variant=white] {
-  background-color: white;
-  color: #121313;
-  border-color: #E3E7EA;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #121313);
+  border-color: var(--tooltip-white-border-color, #E3E7EA);
 }
 .pv-v2 .pv-tooltip-v2-content[data-variant=white] a {
-  color: #16696D;
+  color: var(--tooltip-white-link-color, #16696D);
 }
 .pv-v2 .pv-tooltip-v2-content[data-variant=dark] .pv-accordion {
   --accordion-background-color: transparent;
@@ -3774,7 +3775,7 @@
   --max-width: 360px;
   --text-color: #FFFFFF;
   --hover-color: #FFFFFF;
-  background-color: #16696D;
+  background-color: var(--color-background-brand, #16696D);
   box-shadow: 0 8px 32px rgba(22, 105, 109, 0.24);
   color: var(--text-color);
   display: flex;
@@ -3806,8 +3807,8 @@
   white-space: nowrap;
   justify-content: unset;
   gap: 0.5rem;
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--action-bar-background-color, #242626);
+  color: var(--action-bar-color, #FFFFFF);
   padding: 0.5rem 0.75rem;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
   border-radius: 8px;
@@ -3821,8 +3822,8 @@
   white-space: nowrap;
   justify-content: unset;
   gap: 0.5rem;
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--action-bar-background-color, #242626);
+  color: var(--action-bar-color, #FFFFFF);
   padding: 0.5rem 0.75rem;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
   border-radius: 8px;
@@ -3831,12 +3832,12 @@
   font-weight: 500;
 }
 .pv-v2 .pv-action-bar-container[data-style=white] > div {
-  background-color: #FFFFFF;
-  color: #121313;
+  background-color: var(--action-bar-white-background-color, #FFFFFF);
+  color: var(--action-bar-white-color, #121313);
 }
 .pv-v2 .pv-action-bar-container[data-style=white] > ::slotted(*) {
-  background-color: #FFFFFF;
-  color: #121313;
+  background-color: var(--action-bar-white-background-color, #FFFFFF);
+  color: var(--action-bar-white-color, #121313);
 }
 .pv-v2 .pv-card {
   position: relative;
@@ -3906,7 +3907,7 @@
 }
 .pv-v2 .pv-card:is(button) {
   text-align: left;
-  background-color: #FFFFFF;
+  background-color: var(--card-background-color, #FFFFFF);
   cursor: pointer;
 }
 .pv-v2 .pv-card-secondary,
@@ -3934,8 +3935,8 @@
 .pv-v2 .pv-card-select {
   --unselected: "Apply to Table";
   --selected: "Applied";
-  --unselected-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.85 11.151a1.2 1.2 0 0 0-1.698 0l-4.951 4.952V5a1.2 1.2 0 0 0-2.4 0v11.103L5.849 11.15a1.2 1.2 0 1 0-1.697 1.697l7 7a1.2 1.2 0 0 0 1.697 0l7-7a1.2 1.2 0 0 0 0-1.697Z' fill='%23176F6F'/%3E%3C/svg%3E");
-  --selected-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 4.9c.6.6.6 1.5 0 2.1l-11 11c-.6.6-1.5.6-2.1 0l-5-5c-.6-.6-.6-1.5 0-2.1.6-.6 1.5-.6 2.1 0l3.9 4L18.9 5c.6-.6 1.6-.6 2.2-.1z' fill='%23176F6F'/%3E%3C/svg%3E");
+  --unselected-icon: var(--card-select-unselected-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.85 11.151a1.2 1.2 0 0 0-1.698 0l-4.951 4.952V5a1.2 1.2 0 0 0-2.4 0v11.103L5.849 11.15a1.2 1.2 0 1 0-1.697 1.697l7 7a1.2 1.2 0 0 0 1.697 0l7-7a1.2 1.2 0 0 0 0-1.697Z' fill='%23176F6F'/%3E%3C/svg%3E"));
+  --selected-icon: var(--card-select-selected-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 4.9c.6.6.6 1.5 0 2.1l-11 11c-.6.6-1.5.6-2.1 0l-5-5c-.6-.6-1.5-.6-2.1 0l3.9 4L18.9 5c.6-.6 1.6-.6 2.2-.1z' fill='%23176F6F'/%3E%3C/svg%3E"));
   --gap: 1rem;
   display: flex;
   gap: var(--gap);
@@ -3945,10 +3946,10 @@
 }
 .pv-v2 .pv-card-select > label {
   flex: 1;
-  background-color: #FFFFFF;
-  color: #121313;
+  background-color: var(--card-background-color, #FFFFFF);
+  color: var(--color-text-body, #121313);
   font-weight: 400;
-  border: 2px solid #E3E7EA;
+  border: 2px solid var(--card-border-color, #E3E7EA);
   border-radius: 4px;
   display: flex;
   flex-direction: column;
@@ -3958,13 +3959,13 @@
 }
 .pv-v2 .pv-card-select > label > :first-child {
   flex: 1;
-  border-bottom: 1px solid #E3E7EA;
+  border-bottom: 1px solid var(--card-border-color, #E3E7EA);
   transition-duration: 0.125s;
 }
 .pv-v2 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;
   font-weight: 600;
-  color: #16696D;
+  color: var(--color-text-brand, #16696D);
   background-image: var(--unselected-icon);
   background-repeat: no-repeat;
   background-size: 1.5rem 1.5rem;
@@ -3974,19 +3975,19 @@
   content: var(--unselected);
 }
 .pv-v2 .pv-card-select > label:hover {
-  color: #16696D;
+  color: var(--color-text-brand, #16696D);
   cursor: pointer;
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-v2 .pv-card-select > label:hover > :first-child {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-v2 .pv-card-select > input:checked + label {
-  background-color: #E8F2F4;
-  border-color: #36C5BA;
+  background-color: var(--card-hover-background-color, #E8F2F4);
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-v2 .pv-card-select > input:checked + label > :first-child {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-v2 .pv-card-select > input:checked + label > :last-child {
   background-image: var(--selected-icon);
@@ -4033,10 +4034,10 @@
 .pv-v2 pv-figure-details details {
   max-width: 520px;
   margin-inline: auto;
-  border-block-end: 1px solid #E3E7EA;
+  border-block-end: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 pv-figure-details details:first-of-type {
-  border-block-start: 1px solid #E3E7EA;
+  border-block-start: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 pv-figure-details.pv-text-inverse summary {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M10 2.917c.69 0 1.25.56 1.25 1.25V8.75h4.584a1.25 1.25 0 0 1 0 2.5H11.25v4.583a1.25 1.25 0 0 1-2.5 0V11.25H4.167a1.25 1.25 0 1 1 0-2.5H8.75V4.167c0-.69.56-1.25 1.25-1.25Z'/%3E%3C/svg%3E");
@@ -4045,10 +4046,10 @@
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M2.917 10c0-.69.56-1.25 1.25-1.25h11.667a1.25 1.25 0 0 1 0 2.5H4.167c-.69 0-1.25-.56-1.25-1.25Z'/%3E%3C/svg%3E");
 }
 .pv-v2 pv-figure-details.pv-text-inverse details {
-  border-block-end: 1px solid #36C5BA;
+  border-block-end: 1px solid var(--color-border-accent, #36C5BA);
 }
 .pv-v2 pv-figure-details.pv-text-inverse details:first-of-type {
-  border-block-start: 1px solid #36C5BA;
+  border-block-start: 1px solid var(--color-border-accent, #36C5BA);
 }
 .pv-v2 div:has(> pv-figure-details) {
   container-type: inline-size;
@@ -4127,8 +4128,8 @@
   opacity: 1;
 }
 .pv-v2 .pv-rating {
-  --background-color: #D9DEDE;
-  --icon-color: #36C5BA;
+  --background-color: var(--rating-background-color, #D9DEDE);
+  --icon-color: var(--rating-icon-color, #36C5BA);
   --height: 40px;
   aspect-ratio: 220/40;
   position: relative;
@@ -4170,8 +4171,8 @@
   background-repeat: no-repeat;
 }
 .pv-v2 .pv-rating[data-rating=bar] {
-  --background-color: #D9DEDE;
-  --icon-color: #176F6F;
+  --background-color: var(--rating-background-color, #D9DEDE);
+  --icon-color: var(--rating-bar-icon-color, #176F6F);
   --height: 10px;
   display: flex;
   align-items: center;
@@ -4195,9 +4196,9 @@
   background-repeat: repeat;
 }
 .pv-v2 .pv-rating[data-rating=dot] {
-  --background-color: #D9DEDE;
+  --background-color: var(--rating-background-color, #D9DEDE);
   --mask-color: white;
-  --icon-color: #36C5BA;
+  --icon-color: var(--rating-icon-color, #36C5BA);
   --height: 10px;
   display: flex;
   aspect-ratio: unset;
@@ -4266,8 +4267,8 @@
   --size: 40px;
   width: var(--size);
   aspect-ratio: 1;
-  background-color: #16696D;
-  color: #FFFFFF;
+  background-color: var(--counter-background-color, #16696D);
+  color: var(--counter-color, #FFFFFF);
   display: grid;
   place-items: center;
   font-size: 0.75rem;
@@ -4285,10 +4286,10 @@
   border: 2px solid transparent;
 }
 .pv-v2 .ag-theme-pv .ag-header-cell-filter-button:hover {
-  border: 2px solid #176F6F;
+  border: 2px solid var(--ag-filter-active-color, #176F6F);
 }
 .pv-v2 .ag-theme-pv .ag-filter-active {
-  border-color: #176F6F;
+  border-color: var(--ag-filter-active-color, #176F6F);
 }
 .pv-v2 .ag-theme-pv .ag-filter-active .ag-icon-filter:after {
   background-image: var(--ag-icon-image-filter-active);
@@ -4304,10 +4305,10 @@
   padding: 0.5rem;
   font-size: 16px;
   line-height: 1.5;
-  border: 2px solid #DCDFE4;
+  border: 2px solid var(--color-border, #DCDFE4);
   border-radius: 2px;
   appearance: none;
-  background-color: #fff;
+  background-color: var(--color-background-body, #fff);
   width: 100%;
   min-width: fit-content;
 }
@@ -4315,7 +4316,7 @@
   box-shadow: none;
 }
 .pv-v2 .ag-theme-pv .ag-ltr input[class^=ag-][type=text]:not(:disabled, [data-invalid]):focus-visible, .pv-v2 .ag-theme-pv .ag-ltr input[class^=ag-][type=text]:not(:disabled, [data-invalid]):hover {
-  border-color: #176F6F;
+  border-color: var(--ag-filter-active-color, #176F6F);
   outline: none;
 }
 .pv-v2 .ag-theme-pv .ag-set-filter-item {
@@ -4349,10 +4350,10 @@
   display: block;
   --ag-font-family: Inter, sans-serif !important;
   --ag-font-size: 0.6875rem !important;
-  --ag-foreground-color: #121313 !important;
-  --ag-border-color: #E3E7EA !important;
-  --ag-background-color: #FFFFFF !important;
-  --ag-odd-row-background-color: #FFFFFF !important;
+  --ag-foreground-color: var(--pv-ag-foreground-color, #121313) !important;
+  --ag-border-color: var(--pv-ag-border-color, #E3E7EA) !important;
+  --ag-background-color: var(--pv-ag-background-color, #FFFFFF) !important;
+  --ag-odd-row-background-color: var(--pv-ag-odd-row-background-color, #FFFFFF) !important;
   --ag-row-grid-size: 0.25rem !important;
   --ag-header-height: 1.6875rem !important;
   --ag-row-height: 1.6875rem !important;
@@ -4360,21 +4361,22 @@
   --ag-cell-horizontal-border: solid #E3E7EA !important;
   --ag-column-border: solid 1px #E3E7EA !important;
   --ag-active-color: #36C5BA !important;
-  --ag-row-hover-color: #F7F8F8 !important;
+  --ag-row-hover-color: var(--pv-ag-row-hover-color, #F7F8F8) !important;
   --ag-range-selection-background-color: rgba(0,0,0,0.2) !important;
-  --ag-accent-color: #16696D !important;
-  --ag-header-cell-hover-background-color: #E2F7F5;
+  --ag-accent-color: var(--pv-ag-accent-color, #16696D) !important;
+  --ag-header-cell-hover-background-color: var(--pv-ag-header-cell-hover-background-color, #E2F7F5);
   --ag-header-column-separator-height: 100%;
   --ag-popup-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 12px 16px 0px rgba(0, 0, 0, 0.10);
   --ag-card-radius: .25rem;
   --ag-borders: 1px solid;
-  --ag-menu-border-color: #DCDFE4;
-  --ag-menu-background-color: #FFFFFF;
+  --ag-menu-border-color: var(--pv-ag-menu-border-color, #DCDFE4);
+  --ag-menu-background-color: var(--pv-ag-menu-background-color, #FFFFFF);
   --ag-list-item-height: 36px;
-  --ag-secondary-foreground-color: #02363D;
+  --ag-secondary-foreground-color: var(--pv-ag-secondary-foreground-color, #02363D);
   --ag-icon-size: 16px;
   --ag-icon-font-display: none;
   --ag-icon-font-color: $color-text-body;
+  --ag-icon-font-color-filter: var(--pv-ag-icon-font-color-filter, #121313);
   --ag-icon-image-none: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E");
   --ag-icon-image-asc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z' fill='%2302363D'/%3E%3C/svg%3E");
   --ag-icon-image-desc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2302363D66'%3E%3Cpath d='M6.2 14.2c.5-.5 1.2-.5 1.7 0l4.2 4.2 4.2-4.2c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-5 5c-.5.5-1.2.5-1.7 0l-5-5c-.6-.5-.6-1.3-.1-1.7z' fill='%2302363D'/%3E%3Cpath d='M11.2 3.2c.5-.5 1.2-.5 1.7 0l5 5c.5.5.5 1.2 0 1.7s-1.2.5-1.7 0L12 5.7 7.8 9.8c-.5.5-1.2.5-1.7 0s-.5-1.2 0-1.7l5.1-4.9z'/%3E%3C/svg%3E");
@@ -4462,35 +4464,35 @@
   transition-property: background-color, color;
   padding: 0.5rem 1rem;
   color: white !important;
-  background-color: #176F6F;
+  background-color: var(--button-primary-background-color, #176F6F);
 }
 .pv-v2 .ag-button:not(:disabled):hover, .pv-v2 .ag-button:not(:disabled):focus-visible,
 .pv-v2 .ag-filter-apply-panel-button:not(:disabled):hover,
 .pv-v2 .ag-filter-apply-panel-button:not(:disabled):focus-visible {
   color: white;
-  background-color: #0D5256;
+  background-color: var(--button-primary-hover-background-color, #0D5256);
 }
 .pv-v2 .ag-checkbox-input-wrapper {
   appearance: none;
   width: 1rem !important;
   height: 1rem !important;
-  background-color: white;
-  border: 2px solid #DCDFE4;
+  background-color: var(--color-background-body, white);
+  border: 2px solid var(--checkbox-border, #DCDFE4);
   flex-shrink: 0;
   border-radius: 2px !important;
   transition-duration: 0.125s;
   transition-property: background-color, border-color;
 }
 .pv-v2 .ag-checkbox-input-wrapper:focus-visible:not(:disabled), .pv-v2 .ag-checkbox-input-wrapper:hover:not(:disabled) {
-  border-color: #176F6F;
+  border-color: var(--ag-filter-active-color, #176F6F);
 }
 .pv-v2 .ag-checkbox-input-wrapper.ag-checked {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='m12 2.256-7.762 8.87L0 6.89l1.466-1.466 2.67 2.67L10.44.892 12 2.256Z'/%3E%3C/svg%3E");
-  background-color: #218C88;
-  border-color: #218C88;
+  background-color: var(--checkbox-checked-background-color, #218C88);
+  border-color: var(--checkbox-checked-border-color, #218C88);
 }
 .pv-v2 .ag-checkbox-input-wrapper.ag-checked:focus-visible:not(:disabled), .pv-v2 .ag-checkbox-input-wrapper.ag-checked:hover:not(:disabled) {
-  background-color: #176F6F;
+  background-color: var(--checkbox-checked-hover-background-color, #176F6F);
 }
 .pv-v2 .ag-checkbox-input-wrapper.ag-checked:before {
   background-image: none !important;
@@ -4512,7 +4514,7 @@
   border-radius: 0;
 }
 .pv-v2 .ag-cell-range-single-cell {
-  border: 1px solid #02363D !important;
+  border: 1px solid var(--ag-cell-range-border-color, #02363D) !important;
 }
 .pv-v2 .ag-select .ag-picker-field-wrapper {
   min-height: 0;
@@ -4554,10 +4556,10 @@
   height: 40px;
 }
 .pv-v2 .ag-theme-pv .data-grid-cell-top-border {
-  border-top: 1px solid #E3E7EA;
+  border-top: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .ag-theme-pv .data-grid-cell-bottom-border {
-  border-bottom: 1px solid #E3E7EA;
+  border-bottom: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 [class*=pv-banner] {
   padding: var(--banner-padding, 0.75rem 1rem);
@@ -4689,23 +4691,23 @@
   font-size: 12px;
   line-height: 1rem;
   border: 1px solid transparent;
-  color: #FFFFFF;
+  color: var(--badge-primary-color, #FFFFFF);
   padding: calc(0.125rem - 1px);
   min-width: 20px;
-  background-color: #16696D;
+  background-color: var(--badge-primary-background-color, #16696D);
 }
 .pv-v2 .pv-badge-secondary {
-  border-color: #E3E7EA;
-  background-color: #FFFFFF;
-  color: #121313;
+  border-color: var(--badge-secondary-border-color, #E3E7EA);
+  background-color: var(--badge-secondary-background-color, #FFFFFF);
+  color: var(--badge-secondary-color, #121313);
 }
 .pv-v2 .pv-badge-tertiary {
-  background-color: #E0E5E4;
-  color: #4B595C;
+  background-color: var(--badge-tertiary-background-color, #E0E5E4);
+  color: var(--badge-tertiary-color, #4B595C);
 }
 .pv-v2 .pv-badge-ghost {
-  background-color: transparent;
-  color: #4B595C;
+  background-color: var(--badge-ghost-background-color, transparent);
+  color: var(--badge-ghost-color, #4B595C);
 }
 .pv-v2 .pv-badge-sm {
   font-size: 11px;
@@ -4841,7 +4843,7 @@
 }
 .pv-v2 .pv-layout-primary > [data-grid-area=content] > [data-grid-area=header],
 .pv-v2 .pv-layout-primary[data-collapsed] > [data-grid-area=content] > [data-grid-area=header] {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
   padding-inline: 1.5rem;
   border-block-end: 1px solid var(--layout-primary-sidebar-header-border-color, #FFFFFF);
 }
@@ -4898,12 +4900,12 @@
 }
 .pv-v2 .pv-layout-sidebar > [data-grid-area=main] > :nth-child(2) {
   grid-row: 2/2;
-  background-color: #F7F8F8;
-  border-top: 1px solid #E3E7EA;
+  background-color: var(--color-background-accent, #F7F8F8);
+  border-top: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-layout-sidebar > [data-grid-area=sidebar] {
   grid-area: sidebar;
-  border-left: 1px solid #E3E7EA;
+  border-left: 1px solid var(--color-border, #E3E7EA);
   display: grid;
   grid-template-rows: auto 1fr;
 }
@@ -4921,7 +4923,7 @@
 .pv-v2 .pv-layout-ama {
   display: grid;
   align-content: start;
-  background-image: linear-gradient(109.07deg, #176F6F 0%, #02363D 100%);
+  background-image: var(--color-background-brand-gradient, linear-gradient(109.07deg, #176F6F 0%, #02363D 100%));
   min-height: 100%;
 }
 .pv-v2 .pv-layout-ama > * {
@@ -4944,7 +4946,7 @@
   height: 100%;
 }
 .pv-v2 .pv-layout-sidebar-left > :first-child {
-  border-right: 1px solid #E3E7EA;
+  border-right: 1px solid var(--color-border, #E3E7EA);
 }
 .pv-v2 .pv-layout-website > section > div,
 .pv-v2 .pv-layout-website > section > pv-figure-details {
@@ -5005,7 +5007,7 @@
   --right-size: var(--min-size) !important;
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=left-sidebar] {
-  border-right: 1px solid #E3E7EA;
+  border-right: 1px solid var(--color-border, #E3E7EA);
   min-width: var(--left-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=left-sidebar][data-hidden] {
@@ -5013,7 +5015,7 @@
   width: var(--min-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=right-sidebar] {
-  border-left: 1px solid #E3E7EA;
+  border-left: 1px solid var(--color-border, #E3E7EA);
   min-width: var(--right-size);
 }
 .pv-v2 .pv-layout-two-sidebar [data-layout=right-sidebar][data-hidden] {
@@ -5031,7 +5033,7 @@
   background-color: var(--color-background-accent, #F7F8F8);
 }
 .pv-v2 .pv-surface {
-  background-color: var(--color-background-white, #FFFFFF);
+  background-color: var(--color-background-white, var(--color-background-body, #FFFFFF));
 }
 .pv-v2 .pv-surface-brand-inverse {
   background-color: var(--color-background-brand-inverse, #176F6F);
@@ -5115,7 +5117,7 @@
   color: #36C5BA;
 }
 .pv-v2 .pv-data-text-visualization-2 {
-  color: #16696D;
+  color: var(--data-visualization-2-color, #16696D);
 }
 .pv-v2 .pv-data-text-visualization-3 {
   color: #FF7A4E;
@@ -5136,7 +5138,7 @@
   background-color: #36C5BA;
 }
 .pv-v2 .pv-data-surface-visualization-2 {
-  background-color: #16696D;
+  background-color: var(--data-visualization-2-color, #16696D);
 }
 .pv-v2 .pv-data-surface-visualization-3 {
   background-color: #FF7A4E;
@@ -5755,8 +5757,8 @@
   -webkit-user-select: none;
 }
 .pv-v2 .select2-selection {
-  background-color: #fff;
-  border: 1px solid #E3E7EA;
+  background-color: var(--color-background-body, #fff);
+  border: var(--select2-border, 1px solid #E3E7EA);
   border-radius: 4px;
   padding-inline-end: 2rem;
   background-repeat: no-repeat;
@@ -5775,7 +5777,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: #4B595C;
+  color: var(--color-text-subdued, #4B595C);
   line-height: 12px;
 }
 .pv-v2 .select2-selection .select2-selection__clear {
@@ -5785,14 +5787,14 @@
   font-weight: bold;
 }
 .pv-v2 .select2-selection .select2-selection__placeholder {
-  color: #89989B;
+  color: var(--select2-input-placeholder-color, #89989B);
 }
 .pv-v2 .select2-selection .select2-selection__arrow {
   display: none;
 }
 .pv-v2 .select2-selection--multiple {
-  background-color: white;
-  border: 1px solid #E3E7EA;
+  background-color: var(--color-background-body, white);
+  border: var(--select2-border, 1px solid #E3E7EA);
   border-radius: 4px;
   cursor: text;
 }
@@ -5818,7 +5820,7 @@
   -webkit-appearance: none;
 }
 .pv-v2 .select2-dropdown {
-  background-color: white;
+  background-color: var(--color-background-body, white);
   border-radius: 4px;
   padding-block: 0.5rem;
   display: block;
@@ -5835,13 +5837,13 @@
   padding: 0.5rem 2rem 0.5rem 0.5rem;
   line-height: 12px;
   border-radius: 4px;
-  border: 1px solid #E3E7EA;
+  border: var(--select2-border, 1px solid #E3E7EA);
   height: 32px;
   width: 100%;
   position: absolute;
   top: -33px;
   left: 0;
-  background-color: white;
+  background-color: var(--color-background-body, white);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%2302363D'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
@@ -5849,7 +5851,7 @@
   transform: translateY(1px);
 }
 .pv-v2 .select2-dropdown--above .select2-search__field {
-  background-color: #fff;
+  background-color: var(--color-background-body, #fff);
 }
 .pv-v2 .select2-container--open .select2-selection__placeholder,
 .pv-v2 .select2-container--open .select2-selection--single .select2-selection__rendered {
@@ -5859,7 +5861,7 @@
 .pv-v2 .select2-container--focus .select2-selection,
 .pv-v2 .select2-container--focus .select2-selection--multiple,
 .pv-v2 .select2-container--focus .select2-selection__rendered {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
   outline: 0;
   font-size: 0.75rem;
   line-height: 1.33333333;
@@ -5889,7 +5891,7 @@
   -webkit-user-select: none;
   font-size: 0.75rem;
   line-height: 1.33333333;
-  color: #121313;
+  color: var(--select2-menu-item-color, #121313);
 }
 .pv-v2 .select2-results__option[aria-selected] {
   cursor: pointer;
@@ -5956,7 +5958,7 @@
   font-weight: 500;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
-  color: #89989B;
+  color: var(--select2-input-placeholder-color, #89989B);
   margin-top: 5px;
   float: left;
 }
@@ -5968,7 +5970,7 @@
   margin-right: 10px;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #E8EBEB;
+  background-color: var(--select2-menu-item-background-color, #E8EBEB);
   border: none;
   border-radius: 4px;
   padding: 0.125rem 0.5rem;
@@ -5978,14 +5980,14 @@
   font-weight: 500;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  color: #4B595C;
+  color: var(--select2-menu-item-tag-remove-icon-color, #4B595C);
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
   margin-right: 0.25rem;
 }
 .pv-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
-  color: #4B595C;
+  color: var(--select2-menu-item-tag-remove-icon-color, #4B595C);
 }
 .pv-v2 .select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
@@ -6011,7 +6013,7 @@
   padding: 0;
 }
 .pv-v2 .select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #89989B;
+  color: var(--select2-input-placeholder-color, #89989B);
 }
 .pv-v2 .select2-results__option {
   padding: 0.5rem;
@@ -6019,7 +6021,7 @@
 }
 .pv-v2 .select2-results__option[aria-selected=true],
 .pv-v2 .select2-results__option--highlighted {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
 }
 .pv-v2 .select2-container--default .select2-results__group {
   cursor: default;
@@ -6032,21 +6034,21 @@
   line-height: 1.33333333;
 }
 .pv-v2 .select2-selection--single .select2-selection__rendered {
-  color: #121313;
+  color: var(--select2-text-color, #121313);
   padding: calc(0.5rem - 1px) 0.5rem;
   font-weight: 500;
 }
 .pv-v2 .select2-results__option[aria-selected=true] {
-  background-color: #E4F8F6;
+  background-color: var(--select2-menu-item-selected-background-color, #E4F8F6);
 }
 .pv-v2 .select2-results__option--highlighted {
-  background-color: #E8F2F4;
+  background-color: var(--select2-menu-item-hover-background-color, #E8F2F4);
 }
 .pv-v2 input.select2-search__field::placeholder {
-  color: #89989B !important;
+  color: var(--select2-input-placeholder-color, #89989B) !important;
 }
 .pv-v2 .select2-container--pv-dark .select2-selection {
-  background-color: #353938;
+  background-color: var(--select2-dark-background-color, #353938);
   color: white;
 }
 .pv-v2 .select2-container--pv-dark .select2-selection:not([aria-expanded=true]) {
@@ -6061,7 +6063,7 @@
   color: white;
 }
 .pv-v2 .select2-container--pv-dark .select2-search__field {
-  background-color: #353938;
+  background-color: var(--select2-dark-background-color, #353938);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
 }
 .pv-v2 .select2-container--pv-dark .select2-results__options {
@@ -6109,7 +6111,7 @@
   top: 0px;
   padding: 0.5rem 0.5rem 0.5rem calc(0.5rem + 1px);
   width: 2rem;
-  color: #4B595C;
+  color: var(--color-text-subdued, #4B595C);
 }
 .pv-v2 .p-datepicker-panel {
   width: fit-content !important;
@@ -6159,15 +6161,15 @@
 .pv-v2 .p-datepicker-month-view .p-datepicker-year-selected,
 .pv-v2 .p-datepicker-year-view .p-datepicker-month-selected,
 .pv-v2 .p-datepicker-year-view .p-datepicker-year-selected {
-  background-color: #16696D;
+  background-color: var(--p-datepicker-date-selected-background, #16696D);
   color: white;
 }
 .pv-v2 .p-datepicker-month-view .p-datepicker-month-selected + .p-datepicker-month-selected:has(+ .p-datepicker-month-selected),
 .pv-v2 .p-datepicker-month-view .p-datepicker-year-selected + .p-datepicker-year-selected:has(+ .p-datepicker-year-selected),
 .pv-v2 .p-datepicker-year-view .p-datepicker-month-selected + .p-datepicker-month-selected:has(+ .p-datepicker-month-selected),
 .pv-v2 .p-datepicker-year-view .p-datepicker-year-selected + .p-datepicker-year-selected:has(+ .p-datepicker-year-selected) {
-  background-color: #E4F8F6;
-  color: #121313;
+  background-color: var(--p-datepicker-date-range-selected-background, #E4F8F6);
+  color: var(--p-datepicker-date-range-selected-color, #121313);
 }
 .pv-v2 .p-datepicker-calendar-container .p-datepicker-header .p-button {
   width: 1.5rem;
@@ -6179,17 +6181,17 @@
   font-size: 0.75rem;
 }
 .pv-v2 .p-datepicker-calendar-container .p-datepicker-day-selected:hover, .pv-v2 .p-datepicker-calendar-container .p-datepicker-day-selected:focus-visible {
-  background-color: #0D5256;
+  background-color: var(--button-primary-hover-background-color, #0D5256);
 }
 .pv-v2 .p-datepicker-calendar-container .p-datepicker-day-selected:active {
-  background-color: #02363D;
+  background-color: var(--button-primary-pressed-background-color, #02363D);
 }
 .pv-v2 .p-datepicker-calendar-container .p-datepicker-day-selected-range {
-  background-color: #E4F8F6;
-  color: #121313;
+  background-color: var(--p-datepicker-date-range-selected-background, #E4F8F6);
+  color: var(--p-datepicker-date-range-selected-color, #121313);
 }
 .pv-v2 .p-datepicker-calendar-container .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):active {
-  background-color: #C7D8DB;
+  background-color: var(--p-button-text-secondary-active-background, #C7D8DB);
 }
 .pv-v2 .p-datepicker-calendar-container .p-icon {
   height: 0.75rem;