html:root,
.p-theme-light {
  --p-color-nav-bg-surface-selected: #e3ffed;
  --p-color-nav-bg-surface-hover: #f8fffb;

  --p-color-bg-fill-transparent-selected: #e3ffed;
  --p-color-bg-fill-transparent-hover: #f8fffb;
  --p-color-text-brand: #095346;

  /* Backgrounds */
  --bg-surface-brand-hover: #f8fffb;
  --bg-surface-brand-active: #e3ffed;
  --bg-surface-brand-selected: #e3ffed;

  --bg-fill-brand: #fd4b92;
  --bg-fill-brand-hover: #f03882;
  --bg-fill-brand-active: #db2b72;
  --bg-fill-brand-selected: #fd4b92;
  --bg-fill-brand-disabled: #fd4b9287;

  --p-color-bg-fill-brand: var(--bg-fill-brand);
  --p-color-bg-fill-brand-hover: var(--bg-fill-brand-hover);
  --p-color-bg-fill-brand-active: var(--bg-fill-brand-active);
  --p-color-bg-fill-brand-selected: var(--bg-fill-brand-selected);
  --p-color-bg-fill-brand-disabled: var(--bg-fill-brand-disabled);

  --p-shadow-button-primary: 0px -1px 0px 1px #0000004d inset, -1px 0px 0px 0px #ffffff33 inset,
    1px 0px 0px 0px #ffffff33 inset, 0px 1px 0px 0px #ffffff3d inset;
  --p-shadow-button-primary-inset: 0px 3px 0px 0px #1a1a1a80 inset, 1px 0px 0px 0px #1a1a1a1f inset,
    -1px 0px 0px 0px #1a1a1a1f inset;

  /* Texts */
  --text-brand: #095346;
  --text-brand-hover: #06382f;

  --text-emphasis: #095346;
  --text-emphasis-hover: #06382f;
  --text-emphasis-active: #05241e;

  --color-bg-surface-secondary-selected: #e3ffed;

  /* Icons */
  --icon-brand: #095346;

  /* Borders */
  --border-focus: #095346;

  /* Specialty tokens */
  --nav-bg: #ffffff;

  --p-color-text-primary: #095346;
  --p-color-icon-brand: #095346;

  --progress-foreground: #e3ffed;
  --progress-background: #095346;
}

.Polaris-Listbox .Polaris-Listbox-TextOption {
  --p-color-bg-surface-secondary-selected: #e3ffed;
  --p-color-bg-surface-secondary-hover: #f8fffb;
  --p-color-bg-surface-secondary-active: #e3ffed;
}

.Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop {
  border-color: #e30c76;
  background-color: #e30c76;
  box-shadow: inset 0 0 0 var(--p-space-800) #e30c76;
}

.CustomButtonGroupWrapper .Polaris-Button.Polaris-Button svg {
  /* fill: var(--p-color-icon); */
}

.Polaris-Tabs__Tab--active:not([aria-disabled='true']):hover,
.Polaris-Tabs__Tab--active:not([aria-disabled='true']):focus {
  background-color: var(--p-color-bg-fill-transparent-selected);
  color: var(--p-color-text-brand);
}

.Polaris-Spinner svg {
  /* fill: var(--bg-fill-brand); */
}