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

package/_site/assets/css/pit-viper-consumer.css

@@ -26,7 +26,7 @@
 :where(*) {
   box-sizing: border-box;
   margin: 0;
-  outline-color: #36C5BA;
+  outline-color: var(--color-focus-ring, #36C5BA);
 }
 
 :where(input, button, textarea, select) {
@@ -102,7 +102,7 @@
 }
 
 :where(blockquote):not(.pv-blockquote) {
-  border: 0 solid #E8EBEB;
+  border: 0 solid var(--color-border, #E8EBEB);
   border-inline-start-width: 0.25rem;
   padding-inline-start: 1.5rem;
 }
@@ -428,14 +428,14 @@
 }
 [data-list-style=display]::before {
   content: counter(display) ".";
-  color: #147F85;
+  color: var(--color-text-brand, #147F85);
   font-family: "GT Standard L", sans-serif;
   font-size: var(--display-counter-list-font-size, 1.25rem);
   line-height: var(--display-counter-list-line-height, 1.4);
 }
 
 [data-list-incomplete] {
-  color: #486161;
+  color: var(--color-text-subdued, #486161);
 }
 [data-list-incomplete]::before {
   color: #486161;
@@ -677,11 +677,11 @@
 }
 
 .pv-button-ghost.pv-button-inverse {
-  color: #FFFFFF;
+  color: var(--color-text-inverse, #FFFFFF);
 }
 .pv-button-ghost.pv-button-inverse:not(disabled):hover, .pv-button-ghost.pv-button-inverse:not(disabled):focus-visible {
-  color: #FFFFFF;
-  background-color: transparent;
+  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--button-primary-background-color, transparent);
 }
 
 .pv-button-ghost-destructive {
@@ -786,14 +786,14 @@
   border-radius: 6px;
   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-button-icon:hover, .pv-button-icon:focus-visible {
-  background-color: #F8F7F1;
+  background-color: var(--button-icon-hover-background-color, #F8F7F1);
 }
 .pv-button-icon:active {
-  background-color: #C7D8DB;
+  background-color: var(--button-icon-pressed-background-color, #C7D8DB);
 }
 .pv-button-icon:disabled {
   color: var(--button-icon-disabled-color, #A3B0B0);
@@ -807,16 +807,16 @@
 }
 
 .pv-button-icon-outline {
-  background-color: #F7F8F8;
-  border: 1px solid #E8EBEB;
+  background-color: var(--color-background-accent, #F7F8F8);
+  border: 1px solid var(--color-border, #E8EBEB);
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  color: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
   font-size: 0.8rem;
   height: 2.5rem;
   padding: 0.5rem 0.7rem;
 }
 .pv-button-icon-outline:hover, .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;
@@ -876,7 +876,7 @@
 
 [class*=pv-segmented-control] {
   padding: 0.125rem;
-  background-color: #F0F2F2;
+  background-color: var(--segmented-control-background, #F0F2F2);
   border-radius: 6px;
   display: inline-flex;
   align-items: center;
@@ -891,14 +891,14 @@
   box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
 }
 [class*=pv-segmented-control] button[data-active] {
-  background-color: #FFFFFF;
+  background-color: var(--segmented-control-button-selected-background, #FFFFFF);
 }
 [class*=pv-segmented-control] button:hover:not(:disabled),
 [class*=pv-segmented-control] button:focus-visible:not(:disabled) {
-  background-color: #F8F7F1;
+  background-color: var(--segmented-control-button-hover-background, #F8F7F1);
 }
 [class*=pv-segmented-control] button:active:not(:disabled) {
-  background-color: #C7D8DB;
+  background-color: var(--segmented-control-button-active-background, #C7D8DB);
 }
 [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
   padding: calc(0.125rem - 1px);
@@ -977,8 +977,8 @@
   right: var(--right);
   bottom: var(--bottom);
   z-index: 50;
-  background-color: #147F85;
-  color: #FFFFFF;
+  background-color: var(--button-floating-background-color, #147F85);
+  color: var(--color-text-inverse, #FFFFFF);
   width: 3rem;
   aspect-ratio: 1;
   border-radius: 50%;
@@ -986,10 +986,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);
 }
 [class*=pv-button-floating]:hover:not(:disabled), [class*=pv-button-floating]:focus-visible:not(:disabled) {
-  background-color: #147F85;
+  background-color: var(--button-floating-hover-background-color, #147F85);
 }
 [class*=pv-button-floating]:active:not(:disabled) {
-  background-color: #1A3A39;
+  background-color: var(--button-floating-active-background-color, #1A3A39);
 }
 [class*=pv-button-floating]:disabled {
   background-color: var(--button-floating-disabled-background-color, #6E7784);
@@ -1000,14 +1000,14 @@
 }
 
 .pv-button-floating-on-dark {
-  background-color: #A8E6E1;
-  color: #1A3A39;
+  background-color: var(--button-floating-on-dark-background-color, #A8E6E1);
+  color: var(--color-text-body, #1A3A39);
 }
 .pv-button-floating-on-dark:hover:not(:disabled), .pv-button-floating-on-dark:focus-visible:not(:disabled) {
-  background-color: #F8F7F1;
+  background-color: var(--button-floating-on-dark-hover-background-color, #F8F7F1);
 }
 .pv-button-floating-on-dark:active:not(:disabled) {
-  background-color: #6FD6CE;
+  background-color: var(--button-floating-on-dark-active-background-color, #6FD6CE);
 }
 .pv-button-floating-on-dark:disabled {
   background-color: var(--button-floating-on-dark-disabled-background-color, #DCDFE4);
@@ -1016,7 +1016,7 @@
 .pv-alpha-button,
 [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;
@@ -1034,7 +1034,7 @@
 .pv-alpha-button span:last-child,
 [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;
@@ -1046,7 +1046,7 @@
 [data-collapsed] .pv-alpha-button:hover,
 [data-collapsed] .pv-alpha-button:focus-visible,
 [data-collapsed] .pv-alpha-button:active {
-  background-color: #176F6F;
+  background-color: var(--alpha-button-hover-background-color, #176F6F);
 }
 .pv-alpha-button:hover span:first-child, .pv-alpha-button:focus-visible span:first-child, .pv-alpha-button:active span:first-child,
 [data-collapsed] .pv-alpha-button:hover span:first-child,
@@ -1056,7 +1056,7 @@
 }
 .pv-alpha-button:active,
 [data-collapsed] .pv-alpha-button:active {
-  background-color: #1A3A39;
+  background-color: var(--alpha-button-active-background-color, #1A3A39);
 }
 
 @media (width >= 768px) {
@@ -1076,14 +1076,14 @@
 .pv-textarea,
 .pv-select,
 .pv-select-multiple {
-  color: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
   padding: var(--text-input-padding, calc(0.5rem - 1px) 0.75rem);
   font-size: var(--text-input-font-size, 0.875rem);
   line-height: var(--text-input-line-height, 1.4285714286);
   border: var(--text-input-border-width, 1px) solid var(--text-input-border-color, #E8EBEB);
   border-radius: var(--text-input-radius, 6px);
   appearance: none;
-  background-color: #fff;
+  background-color: var(--color-background-body, #FFFFFF);
   width: 100%;
   min-width: fit-content;
   transition-duration: 0.125s;
@@ -1164,15 +1164,15 @@
   background-repeat: no-repeat;
   background-size: 1rem 1rem;
   background-position: top 50% left 0.75rem;
-  background-color: #F7F8F8;
-  border-radius: 6px;
-  border-color: #DCDFE4;
+  background-color: var(--search-background-color, #F7F8F8);
+  border-radius: var(--search-border-radius, 6px);
+  border-color: var(--search-border-color, #DCDFE4);
 }
 .pv-input-search:hover:not(:disabled) {
   box-shadow: 0px 0.25px 3px 0px rgba(0, 0, 0, 0.2);
 }
 .pv-input-search:focus-visible {
-  border-color: #36C5BA;
+  border-color: var(--search-focus-border-color, #36C5BA);
 }
 
 .pv-select,
@@ -1191,7 +1191,7 @@
 .pv-select:disabled, .pv-select:disabled > option,
 .pv-select-multiple:disabled,
 .pv-select-multiple:disabled > option {
-  color: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
   opacity: 1;
 }
 
@@ -1227,7 +1227,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   appearance: none;
   width: 1rem;
   height: 1rem;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   border: 2px solid var(--checkbox-border, #D1D8D7);
   flex-shrink: 0;
   transition-duration: 0.125s;
@@ -1289,7 +1289,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 }
 .pv-checkbox:disabled + span,
 .pv-radio:disabled + span {
-  color: #486161;
+  color: var(--color-text-subdued, #486161);
 }
 
 .pv-checkbox {
@@ -1357,7 +1357,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 }
 
 .pv-input-file {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
   padding: 0.75rem;
   border-radius: 6px;
   display: flex;
@@ -1391,7 +1391,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 }
 .pv-switch input[type=checkbox] {
   appearance: none;
-  background-color: #E8EBEB;
+  background-color: var(--switch-off-background-color, #E8EBEB);
   border-color: transparent;
   border-radius: 1rem;
   display: flex;
@@ -1403,39 +1403,39 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
 }
 .pv-switch input[type=checkbox]:not(:disabled):hover,
 .pv-switch input[type=checkbox]:not(:disabled):focus-visible {
-  background-color: #E8EBEB;
+  background-color: var(--switch-off-background-color-hover, #E8EBEB);
   cursor: pointer;
 }
 .pv-switch input[type=checkbox]:not(:disabled):active {
-  background-color: #C7D8DB;
+  background-color: var(--switch-off-background-color-active, #C7D8DB);
 }
 .pv-switch input[type=checkbox]:checked:not(:disabled):hover,
 .pv-switch input[type=checkbox]:checked:not(:disabled):focus-visible {
-  background-color: #36C4B8;
+  background-color: var(--switch-background-color-hover, #36C4B8);
 }
 .pv-switch input[type=checkbox]:checked:not(:disabled):hover:after,
 .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-switch input[type=checkbox]:checked:not(:disabled):active {
-  background-color: #36C4B8;
+  background-color: var(--switch-background-color-active, #36C4B8);
 }
 .pv-switch input[type=checkbox]:checked:not(:disabled):active:after {
   background-image: none;
 }
 .pv-switch input[type=checkbox]:disabled,
 .pv-switch input[type=checkbox]:checked:disabled {
-  background-color: #ECECEC;
+  background-color: var(--switch-background-color-disabled, #ECECEC);
 }
 .pv-switch input[type=checkbox]:disabled:after,
 .pv-switch input[type=checkbox]:checked:disabled:after {
-  background-color: #C9D1D0;
+  background-color: var(--switch-knob-color-disabled, #C9D1D0);
 }
 .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-switch input[type=checkbox]:after {
-  background-color: #FFFFFF;
+  background-color: var(--switch-knob-color, #FFFFFF);
   border-radius: 50%;
   content: "";
   display: block;
@@ -1450,10 +1450,10 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   background-position: center center;
 }
 .pv-switch input[type=checkbox]:checked {
-  background-color: transparent;
+  background-color: var(--button-primary-background-color, transparent);
 }
 .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");
 }
@@ -1592,7 +1592,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   line-height: 1.5;
 }
 .pv-ghost-input input::placeholder, .pv-ghost-input input::-webkit-input-placeholder {
-  color: #A3B0B0;
+  color: var(--color-text-quaternary, #A3B0B0);
 }
 .pv-ghost-input button {
   opacity: 0;
@@ -1604,7 +1604,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   outline: 0;
 }
 .pv-ghost-input:hover input::placeholder, .pv-ghost-input:hover input::-webkit-input-placeholder, .pv-ghost-input:focus-visible input::placeholder, .pv-ghost-input:focus-visible input::-webkit-input-placeholder, .pv-ghost-input:focus-within input::placeholder, .pv-ghost-input:focus-within input::-webkit-input-placeholder {
-  color: #768988;
+  color: var(--color-text-tertiary, #768988);
 }
 .pv-ghost-input[data-style=h1] input {
   font-weight: 600;
@@ -1920,26 +1920,26 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   display: flex;
   align-items: center;
   gap: 0.25rem;
-  border-inline-start: 1px solid #E8EBEB;
+  border-inline-start: 1px solid var(--toc-border-color, #E8EBEB);
   padding: 0.5rem;
   font-size: 1rem;
   line-height: 1.5;
   font-weight: 500;
 }
 .pv-toc > li a:hover, .pv-toc > li a:focus-visible {
-  color: #1A3A39;
-  background-color: #F8F7F1;
-  border-color: #1A3A39;
+  color: var(--toc-hover-color, #1A3A39);
+  background-color: var(--toc-hover-background-color, #F8F7F1);
+  border-color: var(--toc-active-border-color, #1A3A39);
   text-decoration: none;
 }
 .pv-toc > li a:active {
-  color: #1A3A39;
-  background-color: #C7D8DB;
-  border-color: #1A3A39;
+  color: var(--toc-pressed-color, #1A3A39);
+  background-color: var(--toc-pressed-background-color, #C7D8DB);
+  border-color: var(--toc-active-border-color, #1A3A39);
 }
 .pv-toc > li[aria-current] a {
-  border-color: #1A3A39;
-  color: #147F85;
+  border-color: var(--toc-active-border-color, #1A3A39);
+  color: var(--toc-active-color, #147F85);
 }
 
 [class*=pv-container] {
@@ -1967,8 +1967,8 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   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;
@@ -2061,15 +2061,15 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 .pv-avatar-group > li, .pv-avatar-group[data-more]:after {
   margin-inline-start: -0.5rem;
-  outline: 2px solid white;
+  outline: 2px solid var(--color-background-body, white);
 }
 .pv-avatar-group[data-more]:after {
   content: "+" attr(data-more);
-  color: #486161;
-  background-color: #D9DEDE;
+  color: var(--avatar-group-more-font-color, #486161);
+  background-color: var(--avatar-group-more-background-color, #D9DEDE);
   font-size: #D9DEDE;
   letter-spacing: 0.12px;
-  outline-color: #D1D8D7;
+  outline-color: var(--avatar-group-more-border-color, #D1D8D7);
 }
 .pv-avatar-group :nth-child(2) {
   background-color: #16696D;
@@ -2091,7 +2091,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 [class*=pv-company]:empty {
-  background-color: #F8F7F1;
+  background-color: var(--company-background-color, #F8F7F1);
   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;
@@ -2297,15 +2297,15 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 [data-collapsed] .pv-nav-list-inverse summary {
   max-width: none;
   display: flex;
-  color: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
 }
 .pv-nav-list-inverse a:focus-visible:not([aria-current=page]), .pv-nav-list-inverse a:hover:not([aria-current=page]), .pv-nav-list-inverse summary:focus-visible:not([aria-current=page]), .pv-nav-list-inverse summary:hover:not([aria-current=page]),
 [data-collapsed] .pv-nav-list-inverse a:focus-visible:not([aria-current=page]),
 [data-collapsed] .pv-nav-list-inverse a:hover:not([aria-current=page]),
 [data-collapsed] .pv-nav-list-inverse summary:focus-visible:not([aria-current=page]),
 [data-collapsed] .pv-nav-list-inverse summary:hover:not([aria-current=page]) {
-  color: #1A3A39;
-  background-color: #F7F8F8;
+  color: var(--color-text-body, #1A3A39);
+  background-color: var(--nav-list-inverse-hover-background-color, #F7F8F8);
 }
 .pv-nav-list-inverse summary,
 [data-collapsed] .pv-nav-list-inverse summary {
@@ -2317,8 +2317,8 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 .pv-nav-list-inverse [aria-current=page],
 [data-collapsed] .pv-nav-list-inverse [aria-current=page] {
-  background-color: #147F85;
-  color: #FFFFFF;
+  background-color: var(--nav-list-active-background-color, #147F85);
+  color: var(--color-text-inverse, #FFFFFF);
 }
 .pv-nav-list-inverse li:not(:last-child),
 [data-collapsed] .pv-nav-list-inverse li:not(:last-child) {
@@ -2428,7 +2428,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   }
 }
 .pv-notification {
-  --bg-color: white;
+  --bg-color: var(--color-background-body, white);
   position: relative;
 }
 .pv-notification:after {
@@ -2448,7 +2448,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 [class*=pv-toast] {
-  color: #1A3A39;
+  color: var(--toast-text-color, #1A3A39);
   padding: 0.75rem 1rem;
   display: flex;
   align-items: center;
@@ -2460,29 +2460,29 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-toast-info {
-  background-color: #F7F8F8;
+  background-color: var(--toast-info-background-color, #F7F8F8);
 }
 .pv-toast-info svg:not([class*=pv-button] svg) {
   fill: #36C5BA;
 }
 
 .pv-toast-success {
-  background-color: #E8FDEA;
+  background-color: var(--toast-success-background-color, #E8FDEA);
 }
 .pv-toast-success svg:not([class*=pv-button] svg) {
   fill: var(--toast-success-icon-color, #0E8019);
 }
 
 .pv-toast-error {
-  background-color: #FFEFEB;
+  background-color: var(--toast-error-background-color, #FFEFEB);
 }
 .pv-toast-error svg:not([class*=pv-button] svg) {
   fill: #FF471A;
 }
 
 .pv-toast-dark {
-  background-color: #242626;
-  color: #FFFFFF;
+  background-color: var(--toast-dark-background-color, #242626);
+  color: var(--toast-dark-color, #FFFFFF);
 }
 .pv-toast-dark svg:not([class*=pv-button] svg) {
   background-image: linear-gradient(138deg, #F1E8FF 4.38%, #D7F3F1 99.39%);
@@ -2629,7 +2629,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-table-compressed {
   width: 100%;
   border-spacing: 0;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
   text-align: left;
   font-size: 1rem;
   line-height: 1.5;
@@ -2637,8 +2637,8 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-table th,
 .pv-table-compressed th {
   padding: 0.5rem 0.75rem;
-  border-block-end: 1px solid #E8EBEB;
-  background-color: #F7F8F8;
+  border-block-end: 1px solid var(--color-border, #E8EBEB);
+  background-color: var(--table-heading-background-color, #F7F8F8);
 }
 .pv-table th a,
 .pv-table-compressed th a {
@@ -2680,7 +2680,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   padding-block: 0.25rem;
 }
 .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;
@@ -2692,11 +2692,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 
 .pv-table-bordered,
 .pv-table-compressed {
-  border-block-start: 1px solid #E8EBEB;
+  border-block-start: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-table-bordered td,
 .pv-table-compressed td {
-  border-block-end: 1px solid #E8EBEB;
+  border-block-end: 1px solid var(--color-border, #E8EBEB);
 }
 
 .pv-table.pv-expand th:first-child,
@@ -2731,15 +2731,15 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 [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"));
 }
 
 [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"));
 }
 
 [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-table-matrix,
@@ -2756,16 +2756,16 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .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-table-matrix :where(thead td),
 .pv-table-matrix-compressed :where(thead td) {
-  background-color: #F7F8F8;
+  background-color: var(--table-matrix-heading-background-color, #F7F8F8);
   text-align: center;
 }
 .pv-table-matrix :where(thead td):not(:last-of-type),
 .pv-table-matrix-compressed :where(thead td):not(:last-of-type) {
-  border-right: 1px solid #E8EBEB;
+  border-right: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-table-matrix thead th:not(:first-of-type),
 .pv-table-matrix-compressed thead th:not(:first-of-type) {
@@ -2775,7 +2775,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-table-matrix th:first-of-type,
 .pv-table-matrix-compressed th:first-of-type {
   padding-inline: 1.5rem;
-  border-right: 1px solid #E8EBEB;
+  border-right: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-table-matrix th, .pv-table-matrix td,
 .pv-table-matrix-compressed th,
@@ -2785,13 +2785,13 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 .pv-table-matrix tr > *,
 .pv-table-matrix-compressed tr > * {
-  border-bottom: 1px solid #E8EBEB;
+  border-bottom: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-table-matrix tr > *:not(:first-of-type, :last-of-type),
 .pv-table-matrix tbody td:not(:last-of-type),
 .pv-table-matrix-compressed tr > *:not(:first-of-type, :last-of-type),
 .pv-table-matrix-compressed tbody td:not(:last-of-type) {
-  border-right: 1px solid #E8EBEB;
+  border-right: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-table-matrix tbody th,
 .pv-table-matrix thead th:first-of-type,
@@ -2803,7 +2803,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-table-matrix tbody th,
 .pv-table-matrix-compressed tbody th {
   z-index: 20;
-  background-color: #FFFFFF;
+  background-color: var(--color-background-body, #FFFFFF);
 }
 .pv-table-matrix thead th:first-of-type,
 .pv-table-matrix-compressed thead th:first-of-type {
@@ -2837,7 +2837,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) button:where(:hover, :focus-visible),
 [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);
 }
 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) button:where(:hover, :focus-visible) > div:last-of-type,
 [class*=pv-table]:has(td .pv-table-button) td:has(.pv-table-button) .pv-table-button:where(:hover, :focus-visible) > div:last-of-type {
@@ -2871,7 +2871,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 
 .pv-table-vertical-borders td:not(:last-child),
 .pv-table-vertical-borders th:not(:last-child) {
-  border-inline-end: 1px solid #E8EBEB;
+  border-inline-end: 1px solid var(--color-border, #E8EBEB);
 }
 
 [class*=pv-table] [data-symbol] {
@@ -2931,11 +2931,12 @@ td:not([rowspan]) > .pv-responsive-cell {
   --offset: 0;
   position: sticky;
   left: var(--offset);
-  background-color: #F8F8FA;
+  background-color: var(--table-sticky-column-background-color, #F8F8FA);
   z-index: 10;
 }
 
 [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;
 }
 
@@ -2945,7 +2946,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 .pv-cell-hover:hover,
 .pv-cell-hover:focus-within {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
 }
 
 .pv-floating-native {
@@ -2975,7 +2976,7 @@ td:not([rowspan]) > .pv-responsive-cell {
   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: 6px;
   top: 100%;
@@ -3011,7 +3012,7 @@ td:not([rowspan]) > .pv-responsive-cell {
   line-height: var(--popover-list-item-line-height, 1.5);
   font-weight: 400;
   text-decoration: none;
-  color: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
   transition-duration: 0.125s;
   transition-property: background-color;
 }
@@ -3132,8 +3133,8 @@ strong[class*=pv-tag] {
 .pv-tag-green-inverse,
 .pv-tag-orange-inverse,
 .pv-tag-turquoise-inverse {
-  border-color: transparent;
-  color: #FFFFFF;
+  border-color: var(--tag-inverse-border-color, transparent);
+  color: var(--tag-inverse-color, #FFFFFF);
 }
 
 .pv-tag-inverse {
@@ -3160,8 +3161,8 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-yellow-inverse {
-  background-color: #EAB333;
-  color: #1A3A39;
+  background-color: var(--tag-yellow-inverse-background-color, #EAB333);
+  color: var(--tag-yellow-inverse-color, #1A3A39);
 }
 
 .pv-tag-green,
@@ -3172,7 +3173,7 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-green-inverse {
-  background-color: #198038;
+  background-color: var(--tag-green-inverse-background-color, #198038);
 }
 
 .pv-tag-orange,
@@ -3183,7 +3184,7 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-orange-inverse {
-  background-color: #BA4E01;
+  background-color: var(--tag-orange-inverse-background-color, #BA4E01);
 }
 
 .pv-tag-turquoise {
@@ -3193,7 +3194,7 @@ strong[class*=pv-tag] {
 }
 
 .pv-tag-turquoise-inverse {
-  background-color: #176F6F;
+  background-color: var(--tag-turquoise-inverse-background-color, #176F6F);
 }
 
 .pv-tag-purple {
@@ -3219,10 +3220,10 @@ strong[class*=pv-tag] {
 }
 
 button.pv-tag-primary:hover, button.pv-tag-primary:focus-visible {
-  background-color: #1A3A39;
+  background-color: var(--tag-primary-hover-background-color, #1A3A39);
 }
 button.pv-tag-primary:active {
-  background-color: #1A3A39;
+  background-color: var(--tag-primary-pressed-background-color, #1A3A39);
 }
 
 .pv-tag-secondary {
@@ -3232,11 +3233,11 @@ button.pv-tag-primary:active {
 }
 
 button.pv-tag-secondary:hover, button.pv-tag-secondary:focus-visible {
-  background-color: #F8F7F1;
+  background-color: var(--tag-secondary-hover-background-color, #F8F7F1);
   color: #1A3A39;
 }
 button.pv-tag-secondary:active {
-  background-color: #C7D8DB;
+  background-color: var(--tag-secondary-pressed-background-color, #C7D8DB);
   color: #1A3A39;
 }
 
@@ -3365,8 +3366,8 @@ button.pv-tag-secondary:active {
   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%;
@@ -3374,13 +3375,13 @@ button.pv-tag-secondary:active {
   line-height: 2;
 }
 :where(ol.pv-tab-list) [data-active] > a:before {
-  background-color: #147F85;
+  background-color: var(--tab-list-indicator-color, #147F85);
 }
 :where(ol.pv-tab-list) [data-complete] {
   opacity: 1;
 }
 :where(ol.pv-tab-list) [data-complete] > a:before {
-  background-color: #147F85;
+  background-color: var(--tab-list-indicator-color, #147F85);
   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;
@@ -3395,7 +3396,7 @@ button.pv-tag-secondary:active {
   border: none;
   border-radius: 6px;
   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: #1A3A39;
+  color: var(--color-text-body, #1A3A39);
   max-width: min(100% - 2rem, var(--max-width));
   max-height: min(100% - 2rem, var(--max-height));
   margin-inline: auto;
@@ -3445,7 +3446,7 @@ button.pv-tag-secondary:active {
   display: flex;
   gap: 0.25rem;
   align-items: center;
-  color: #486161;
+  color: var(--breadcrumbs-color, #486161);
 }
 .pv-breadcrumbs li a {
   color: inherit;
@@ -3454,17 +3455,17 @@ button.pv-tag-secondary:active {
 .pv-breadcrumbs li:not(:last-child):after {
   display: block;
   content: "";
-  color: #768988;
+  color: var(--breadcrumbs-separator-color, #768988);
   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-breadcrumbs li:last-child {
   font-weight: 600;
-  color: #1A3A39;
+  color: var(--breadcrumbs-active-color, #1A3A39);
 }
 
 .pv-dropdown {
@@ -3777,15 +3778,15 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   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: 6px;
   font-size: 0.875rem;
   line-height: 1.3846153846;
   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-tooltip[data-position*=top] > [role=tooltip],
 .pv-hover-card[data-position*=top] > [role=tooltip] {
@@ -3853,17 +3854,17 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 .pv-tooltip > [role=tooltip] a,
 .pv-hover-card > [role=tooltip] a {
-  color: #E4F8F6;
+  color: var(--tooltip-link-color, #E4F8F6);
 }
 .pv-tooltip[data-style=white] > [role=tooltip],
 .pv-hover-card[data-style=white] > [role=tooltip] {
-  background-color: white;
-  color: #1A3A39;
-  border-color: #E8EBEB;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #1A3A39);
+  border-color: var(--tooltip-white-border-color, #E8EBEB);
 }
 .pv-tooltip[data-style=white] > [role=tooltip] a,
 .pv-hover-card[data-style=white] > [role=tooltip] a {
-  color: #147F85;
+  color: var(--tooltip-white-link-color, #147F85);
 }
 .pv-tooltip[data-static]:after,
 .pv-hover-card[data-static]:after {
@@ -3890,9 +3891,9 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-hover-card:hover > [role=tooltip] {
-  background-color: #FFFFFF;
-  border: 1px solid #E8EBEB;
-  color: #1A3A39;
+  background-color: var(--color-background-body, #FFFFFF);
+  border: 1px solid var(--color-border, #E8EBEB);
+  color: var(--color-text-body, #1A3A39);
   padding: 1rem;
 }
 
@@ -3901,13 +3902,13 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   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: 6px;
   font-size: 0.875rem;
   line-height: 1.3846153846;
   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-tooltip-v2-content-small {
@@ -3916,30 +3917,30 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-tooltip[data-style=white] .pv-tooltip-v2-content {
-  background-color: white;
-  color: #1A3A39;
-  border-color: #E8EBEB;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #1A3A39);
+  border-color: var(--tooltip-white-border-color, #E8EBEB);
 }
 .pv-tooltip[data-style=white] .pv-tooltip-v2-content a {
-  color: #147F85;
+  color: var(--tooltip-white-link-color, #147F85);
 }
 
 .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-tooltip[data-style=dark] .pv-tooltip-v2-content a {
-  color: #E4F8F6;
+  color: var(--tooltip-link-color, #E4F8F6);
 }
 
 .pv-tooltip-v2-content[data-variant=white] {
-  background-color: white;
-  color: #1A3A39;
-  border-color: #E8EBEB;
+  background-color: var(--tooltip-white-background-color, white);
+  color: var(--tooltip-white-color, #1A3A39);
+  border-color: var(--tooltip-white-border-color, #E8EBEB);
 }
 .pv-tooltip-v2-content[data-variant=white] a {
-  color: #147F85;
+  color: var(--tooltip-white-link-color, #147F85);
 }
 
 .pv-tooltip-v2-content[data-variant=dark] .pv-accordion {
@@ -4125,7 +4126,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   --max-width: 360px;
   --text-color: #FFFFFF;
   --hover-color: #FFFFFF;
-  background-color: #147F85;
+  background-color: var(--color-background-brand, #147F85);
   box-shadow: 0 8px 32px rgba(20, 127, 133, 0.24);
   color: var(--text-color);
   display: flex;
@@ -4160,8 +4161,8 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   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;
@@ -4176,8 +4177,8 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   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;
@@ -4187,13 +4188,13 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-action-bar-container[data-style=white] > div {
-  background-color: #FFFFFF;
-  color: #1A3A39;
+  background-color: var(--action-bar-white-background-color, #FFFFFF);
+  color: var(--action-bar-white-color, #1A3A39);
 }
 
 .pv-action-bar-container[data-style=white] > ::slotted(*) {
-  background-color: #FFFFFF;
-  color: #1A3A39;
+  background-color: var(--action-bar-white-background-color, #FFFFFF);
+  color: var(--action-bar-white-color, #1A3A39);
 }
 
 .pv-card {
@@ -4270,7 +4271,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 
 .pv-card:is(button) {
   text-align: left;
-  background-color: #FFFFFF;
+  background-color: var(--card-background-color, #FFFFFF);
   cursor: pointer;
 }
 
@@ -4304,8 +4305,8 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 .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);
@@ -4315,10 +4316,10 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 .pv-card-select > label {
   flex: 1;
-  background-color: #FFFFFF;
-  color: #1A3A39;
+  background-color: var(--card-background-color, #FFFFFF);
+  color: var(--color-text-body, #1A3A39);
   font-weight: 400;
-  border: 2px solid #E8EBEB;
+  border: 2px solid var(--card-border-color, #E8EBEB);
   border-radius: 6px;
   display: flex;
   flex-direction: column;
@@ -4328,13 +4329,13 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 .pv-card-select > label > :first-child {
   flex: 1;
-  border-bottom: 1px solid #E8EBEB;
+  border-bottom: 1px solid var(--card-border-color, #E8EBEB);
   transition-duration: 0.125s;
 }
 .pv-card-select > label > :last-child {
   padding: 1rem 1.5rem;
   font-weight: 600;
-  color: #147F85;
+  color: var(--color-text-brand, #147F85);
   background-image: var(--unselected-icon);
   background-repeat: no-repeat;
   background-size: 1.5rem 1.5rem;
@@ -4344,19 +4345,19 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   content: var(--unselected);
 }
 .pv-card-select > label:hover {
-  color: #147F85;
+  color: var(--color-text-brand, #147F85);
   cursor: pointer;
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-card-select > label:hover > :first-child {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-card-select > input:checked + label {
-  background-color: #F8F7F1;
-  border-color: #36C5BA;
+  background-color: var(--card-hover-background-color, #F8F7F1);
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-card-select > input:checked + label > :first-child {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
 }
 .pv-card-select > input:checked + label > :last-child {
   background-image: var(--selected-icon);
@@ -4405,10 +4406,10 @@ pv-figure-details details > div {
 pv-figure-details details {
   max-width: 520px;
   margin-inline: auto;
-  border-block-end: 1px solid #E8EBEB;
+  border-block-end: 1px solid var(--color-border, #E8EBEB);
 }
 pv-figure-details details:first-of-type {
-  border-block-start: 1px solid #E8EBEB;
+  border-block-start: 1px solid var(--color-border, #E8EBEB);
 }
 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");
@@ -4417,10 +4418,10 @@ pv-figure-details.pv-text-inverse details[open] 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='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-figure-details.pv-text-inverse details {
-  border-block-end: 1px solid #36C5BA;
+  border-block-end: 1px solid var(--color-border-accent, #36C5BA);
 }
 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);
 }
 
 div:has(> pv-figure-details) {
@@ -4509,8 +4510,8 @@ div.pv-drawer[open] {
 }
 
 .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;
@@ -4558,8 +4559,8 @@ div.pv-drawer[open] {
 }
 
 .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;
@@ -4584,9 +4585,9 @@ div.pv-drawer[open] {
 }
 
 .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;
@@ -4658,8 +4659,8 @@ div.pv-drawer[open] {
   --size: 40px;
   width: var(--size);
   aspect-ratio: 1;
-  background-color: #147F85;
-  color: #FFFFFF;
+  background-color: var(--counter-background-color, #147F85);
+  color: var(--counter-color, #FFFFFF);
   display: grid;
   place-items: center;
   font-size: 1rem;
@@ -4679,11 +4680,11 @@ div.pv-drawer[open] {
   border: 2px solid transparent;
 }
 .ag-theme-pv .ag-header-cell-filter-button:hover {
-  border: 2px solid #176F6F;
+  border: 2px solid var(--ag-filter-active-color, #176F6F);
 }
 
 .ag-theme-pv .ag-filter-active {
-  border-color: #176F6F;
+  border-color: var(--ag-filter-active-color, #176F6F);
 }
 .ag-theme-pv .ag-filter-active .ag-icon-filter:after {
   background-image: var(--ag-icon-image-filter-active);
@@ -4702,10 +4703,10 @@ div.pv-drawer[open] {
   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;
 }
@@ -4713,7 +4714,7 @@ div.pv-drawer[open] {
   box-shadow: none;
 }
 .ag-theme-pv .ag-ltr input[class^=ag-][type=text]:not(:disabled, [data-invalid]):focus-visible, .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;
 }
 
@@ -4753,10 +4754,10 @@ pv-data-grid.ag-theme-pv {
   display: block;
   --ag-font-family: GT Standard M, sans-serif !important;
   --ag-font-size: 0.875rem !important;
-  --ag-foreground-color: #1A3A39 !important;
-  --ag-border-color: #E8EBEB !important;
-  --ag-background-color: #FFFFFF !important;
-  --ag-odd-row-background-color: #FFFFFF !important;
+  --ag-foreground-color: var(--pv-ag-foreground-color, #1A3A39) !important;
+  --ag-border-color: var(--pv-ag-border-color, #E8EBEB) !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.875rem !important;
   --ag-row-height: 1.875rem !important;
@@ -4764,21 +4765,22 @@ pv-data-grid.ag-theme-pv {
   --ag-cell-horizontal-border: solid #E8EBEB !important;
   --ag-column-border: solid 1px #E8EBEB !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: #147F85 !important;
-  --ag-header-cell-hover-background-color: #E2F7F5;
+  --ag-accent-color: var(--pv-ag-accent-color, #147F85) !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, #1A3A39);
   --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");
@@ -4870,36 +4872,36 @@ pv-data-grid.ag-theme-pv {
   transition-property: background-color, color;
   padding: 0.5rem 1rem;
   color: white !important;
-  background-color: #176F6F;
+  background-color: var(--button-primary-background-color, #176F6F);
 }
 .ag-button:not(:disabled):hover, .ag-button:not(:disabled):focus-visible,
 .ag-filter-apply-panel-button:not(:disabled):hover,
 .ag-filter-apply-panel-button:not(:disabled):focus-visible {
   color: white;
-  background-color: #0D5256;
+  background-color: var(--button-primary-hover-background-color, #0D5256);
 }
 
 .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;
 }
 .ag-checkbox-input-wrapper:focus-visible:not(:disabled), .ag-checkbox-input-wrapper:hover:not(:disabled) {
-  border-color: #176F6F;
+  border-color: var(--ag-filter-active-color, #176F6F);
 }
 .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);
 }
 .ag-checkbox-input-wrapper.ag-checked:focus-visible:not(:disabled), .ag-checkbox-input-wrapper.ag-checked:hover:not(:disabled) {
-  background-color: #176F6F;
+  background-color: var(--checkbox-checked-hover-background-color, #176F6F);
 }
 .ag-checkbox-input-wrapper.ag-checked:before {
   background-image: none !important;
@@ -4927,7 +4929,7 @@ pv-data-grid.ag-theme-pv {
 }
 
 .ag-cell-range-single-cell {
-  border: 1px solid #02363D !important;
+  border: 1px solid var(--ag-cell-range-border-color, #02363D) !important;
 }
 
 .ag-select .ag-picker-field-wrapper {
@@ -4980,11 +4982,11 @@ pv-data-grid.ag-theme-pv {
 }
 
 .ag-theme-pv .data-grid-cell-top-border {
-  border-top: 1px solid #E8EBEB;
+  border-top: 1px solid var(--color-border, #E8EBEB);
 }
 
 .ag-theme-pv .data-grid-cell-bottom-border {
-  border-bottom: 1px solid #E8EBEB;
+  border-bottom: 1px solid var(--color-border, #E8EBEB);
 }
 
 [class*=pv-banner] {
@@ -5131,26 +5133,26 @@ pv-data-grid.ag-theme-pv {
   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: #147F85;
+  background-color: var(--badge-primary-background-color, #147F85);
 }
 
 .pv-badge-secondary {
-  border-color: #E8EBEB;
-  background-color: #FFFFFF;
-  color: #1A3A39;
+  border-color: var(--badge-secondary-border-color, #E8EBEB);
+  background-color: var(--badge-secondary-background-color, #FFFFFF);
+  color: var(--badge-secondary-color, #1A3A39);
 }
 
 .pv-badge-tertiary {
-  background-color: #E0E5E4;
-  color: #486161;
+  background-color: var(--badge-tertiary-background-color, #E0E5E4);
+  color: var(--badge-tertiary-color, #486161);
 }
 
 .pv-badge-ghost {
-  background-color: transparent;
-  color: #486161;
+  background-color: var(--badge-ghost-background-color, transparent);
+  color: var(--badge-ghost-color, #486161);
 }
 
 .pv-badge-sm {
@@ -5301,7 +5303,7 @@ pv-data-grid.ag-theme-pv {
 }
 .pv-layout-primary > [data-grid-area=content] > [data-grid-area=header],
 .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);
 }
@@ -5365,12 +5367,12 @@ body:has(> .pv-layout-primary) {
 }
 .pv-layout-sidebar > [data-grid-area=main] > :nth-child(2) {
   grid-row: 2/2;
-  background-color: #F7F8F8;
-  border-top: 1px solid #E8EBEB;
+  background-color: var(--color-background-accent, #F7F8F8);
+  border-top: 1px solid var(--color-border, #E8EBEB);
 }
 .pv-layout-sidebar > [data-grid-area=sidebar] {
   grid-area: sidebar;
-  border-left: 1px solid #E8EBEB;
+  border-left: 1px solid var(--color-border, #E8EBEB);
   display: grid;
   grid-template-rows: auto 1fr;
 }
@@ -5390,7 +5392,7 @@ body:has(> .pv-layout-primary) {
 .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%;
 }
 
@@ -5417,7 +5419,7 @@ body:has(> .pv-layout-primary) {
   height: 100%;
 }
 .pv-layout-sidebar-left > :first-child {
-  border-right: 1px solid #E8EBEB;
+  border-right: 1px solid var(--color-border, #E8EBEB);
 }
 
 .pv-layout-website > section > div,
@@ -5481,7 +5483,7 @@ body:has(> .pv-layout-primary) {
   --right-size: var(--min-size) !important;
 }
 .pv-layout-two-sidebar [data-layout=left-sidebar] {
-  border-right: 1px solid #E8EBEB;
+  border-right: 1px solid var(--color-border, #E8EBEB);
   min-width: var(--left-size);
 }
 .pv-layout-two-sidebar [data-layout=left-sidebar][data-hidden] {
@@ -5489,7 +5491,7 @@ body:has(> .pv-layout-primary) {
   width: var(--min-size);
 }
 .pv-layout-two-sidebar [data-layout=right-sidebar] {
-  border-left: 1px solid #E8EBEB;
+  border-left: 1px solid var(--color-border, #E8EBEB);
   min-width: var(--right-size);
 }
 .pv-layout-two-sidebar [data-layout=right-sidebar][data-hidden] {
@@ -5511,7 +5513,7 @@ body:has(> .pv-layout-primary) {
 }
 
 .pv-surface {
-  background-color: var(--color-background-white, #FFFFFF);
+  background-color: var(--color-background-white, var(--color-background-body, #FFFFFF));
 }
 
 .pv-surface-brand-inverse {
@@ -5621,7 +5623,7 @@ svg.pv-text-inherit {
 }
 
 .pv-data-text-visualization-2 {
-  color: #16696D;
+  color: var(--data-visualization-2-color, #16696D);
 }
 
 .pv-data-text-visualization-3 {
@@ -5649,7 +5651,7 @@ svg.pv-text-inherit {
 }
 
 .pv-data-surface-visualization-2 {
-  background-color: #16696D;
+  background-color: var(--data-visualization-2-color, #16696D);
 }
 
 .pv-data-surface-visualization-3 {
@@ -6382,8 +6384,8 @@ svg.pv-text-inherit {
 }
 
 .select2-selection {
-  background-color: #fff;
-  border: 1px solid #E8EBEB;
+  background-color: var(--color-background-body, #fff);
+  border: var(--select2-border, 1px solid #E8EBEB);
   border-radius: 6px;
   padding-inline-end: 2rem;
   background-repeat: no-repeat;
@@ -6402,7 +6404,7 @@ svg.pv-text-inherit {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: #486161;
+  color: var(--color-text-subdued, #486161);
   line-height: 12px;
 }
 .select2-selection .select2-selection__clear {
@@ -6412,15 +6414,15 @@ svg.pv-text-inherit {
   font-weight: bold;
 }
 .select2-selection .select2-selection__placeholder {
-  color: #A3B0B0;
+  color: var(--select2-input-placeholder-color, #A3B0B0);
 }
 .select2-selection .select2-selection__arrow {
   display: none;
 }
 
 .select2-selection--multiple {
-  background-color: white;
-  border: 1px solid #E8EBEB;
+  background-color: var(--color-background-body, white);
+  border: var(--select2-border, 1px solid #E8EBEB);
   border-radius: 6px;
   cursor: text;
 }
@@ -6450,7 +6452,7 @@ svg.pv-text-inherit {
 }
 
 .select2-dropdown {
-  background-color: white;
+  background-color: var(--color-background-body, white);
   border-radius: 6px;
   padding-block: 0.5rem;
   display: block;
@@ -6469,13 +6471,13 @@ svg.pv-text-inherit {
   padding: 0.5rem 2rem 0.5rem 0.5rem;
   line-height: 12px;
   border-radius: 6px;
-  border: 1px solid #E8EBEB;
+  border: var(--select2-border, 1px solid #E8EBEB);
   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;
@@ -6484,7 +6486,7 @@ svg.pv-text-inherit {
 }
 
 .select2-dropdown--above .select2-search__field {
-  background-color: #fff;
+  background-color: var(--color-background-body, #fff);
 }
 
 .select2-container--open .select2-selection__placeholder,
@@ -6496,7 +6498,7 @@ svg.pv-text-inherit {
 .select2-container--focus .select2-selection,
 .select2-container--focus .select2-selection--multiple,
 .select2-container--focus .select2-selection__rendered {
-  border-color: #36C5BA;
+  border-color: var(--color-border-accent, #36C5BA);
   outline: 0;
   font-size: 1rem;
   line-height: 1.5;
@@ -6530,7 +6532,7 @@ svg.pv-text-inherit {
   -webkit-user-select: none;
   font-size: 1rem;
   line-height: 1.5;
-  color: #1A3A39;
+  color: var(--select2-menu-item-color, #1A3A39);
 }
 
 .select2-results__option[aria-selected] {
@@ -6609,7 +6611,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
-  color: #A3B0B0;
+  color: var(--select2-input-placeholder-color, #A3B0B0);
   margin-top: 5px;
   float: left;
 }
@@ -6623,7 +6625,7 @@ svg.pv-text-inherit {
 }
 
 .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: 6px;
   padding: 0.125rem 0.5rem;
@@ -6634,7 +6636,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  color: #486161;
+  color: var(--select2-menu-item-tag-remove-icon-color, #486161);
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
@@ -6642,7 +6644,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
-  color: #486161;
+  color: var(--select2-menu-item-tag-remove-icon-color, #486161);
 }
 
 .select2-container--default.select2-container--disabled .select2-selection--multiple {
@@ -6675,7 +6677,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #A3B0B0;
+  color: var(--select2-input-placeholder-color, #A3B0B0);
 }
 
 .select2-results__option {
@@ -6685,7 +6687,7 @@ svg.pv-text-inherit {
 
 .select2-results__option[aria-selected=true],
 .select2-results__option--highlighted {
-  background-color: #F7F8F8;
+  background-color: var(--color-background-accent, #F7F8F8);
 }
 
 .select2-container--default .select2-results__group {
@@ -6701,25 +6703,25 @@ svg.pv-text-inherit {
 }
 
 .select2-selection--single .select2-selection__rendered {
-  color: #1A3A39;
+  color: var(--select2-text-color, #1A3A39);
   padding: calc(0.5rem - 1px) 0.5rem;
   font-weight: 500;
 }
 
 .select2-results__option[aria-selected=true] {
-  background-color: #E4F8F6;
+  background-color: var(--select2-menu-item-selected-background-color, #E4F8F6);
 }
 
 .select2-results__option--highlighted {
-  background-color: #F8F7F1;
+  background-color: var(--select2-menu-item-hover-background-color, #F8F7F1);
 }
 
 input.select2-search__field::placeholder {
-  color: #A3B0B0 !important;
+  color: var(--select2-input-placeholder-color, #A3B0B0) !important;
 }
 
 .select2-container--pv-dark .select2-selection {
-  background-color: #353938;
+  background-color: var(--select2-dark-background-color, #353938);
   color: white;
 }
 .select2-container--pv-dark .select2-selection:not([aria-expanded=true]) {
@@ -6734,7 +6736,7 @@ input.select2-search__field::placeholder {
   color: white;
 }
 .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");
 }
 .select2-container--pv-dark .select2-results__options {
@@ -6787,7 +6789,7 @@ input.select2-search__field::placeholder {
   top: 0px;
   padding: 0.5rem 0.5rem 0.5rem calc(0.5rem + 1px);
   width: 2rem;
-  color: #486161;
+  color: var(--color-text-subdued, #486161);
 }
 
 .p-datepicker-panel {
@@ -6843,15 +6845,15 @@ input.select2-search__field::placeholder {
 .p-datepicker-month-view .p-datepicker-year-selected,
 .p-datepicker-year-view .p-datepicker-month-selected,
 .p-datepicker-year-view .p-datepicker-year-selected {
-  background-color: #147F85;
+  background-color: var(--p-datepicker-date-selected-background, #147F85);
   color: white;
 }
 .p-datepicker-month-view .p-datepicker-month-selected + .p-datepicker-month-selected:has(+ .p-datepicker-month-selected),
 .p-datepicker-month-view .p-datepicker-year-selected + .p-datepicker-year-selected:has(+ .p-datepicker-year-selected),
 .p-datepicker-year-view .p-datepicker-month-selected + .p-datepicker-month-selected:has(+ .p-datepicker-month-selected),
 .p-datepicker-year-view .p-datepicker-year-selected + .p-datepicker-year-selected:has(+ .p-datepicker-year-selected) {
-  background-color: #E4F8F6;
-  color: #1A3A39;
+  background-color: var(--p-datepicker-date-range-selected-background, #E4F8F6);
+  color: var(--p-datepicker-date-range-selected-color, #1A3A39);
 }
 
 .p-datepicker-calendar-container .p-datepicker-header .p-button {
@@ -6864,17 +6866,17 @@ input.select2-search__field::placeholder {
   font-size: 1rem;
 }
 .p-datepicker-calendar-container .p-datepicker-day-selected:hover, .p-datepicker-calendar-container .p-datepicker-day-selected:focus-visible {
-  background-color: #1A3A39;
+  background-color: var(--button-primary-hover-background-color, #1A3A39);
 }
 .p-datepicker-calendar-container .p-datepicker-day-selected:active {
-  background-color: #1A3A39;
+  background-color: var(--button-primary-pressed-background-color, #1A3A39);
 }
 .p-datepicker-calendar-container .p-datepicker-day-selected-range {
-  background-color: #E4F8F6;
-  color: #1A3A39;
+  background-color: var(--p-datepicker-date-range-selected-background, #E4F8F6);
+  color: var(--p-datepicker-date-range-selected-color, #1A3A39);
 }
 .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);
 }
 .p-datepicker-calendar-container .p-icon {
   height: 0.75rem;