:root {
  --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: color-mix(in srgb, var(--bg-fill-brand) 80%, transparent);
  --bg-fill-brand-active: #b9075f;
  --bg-fill-brand-selected: #e30c76;

  /* 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-Button--variantPrimary {
  --pc-button-bg: var(--bg-fill-brand);
  --pc-button-bg_hover: var(--bg-fill-brand);
  --pc-button-bg_active: var(--bg-fill-brand);
  --pc-button-box-shadow: 0px -1px 0px 1px #0000004d inset, -1px 0px 0px 0px #ffffff33 inset,
    1px 0px 0px 0px #ffffff33 inset, 0px 1px 0px 0px #ffffff3d inset;
  --pc-button-box-shadow_hover: 0px -1px 0px 1px #0000004d inset, 0px -1px 0px 0px #0000004d inset,
    -1px 0px 0px 0px #ffffff33 inset, 1px 0px 0px 0px #ffffff33 inset, 0px 1px 0px 0px #ffffff3d inset;
  --pc-button-box-shadow_active: 0px 3px 0px 0px #1a1a1a80 inset, 1px 0px 0px 0px #1a1a1a1f inset,
    -1px 0px 0px 0px #1a1a1a1f inset;
}

.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);
}