:root {
  --Button-background: var(--color-interactive-accent);
  --Button-hover-background: var(--color-interactive-accent-hover);
  --Button-active-background: var(--color-interactive-accent-active);
  --Button-color: var(--color-interactive-control);
  --Button-padding: var(--size-8) var(--size-12);
  --Button-border-radius: var(--radius-full);
  --Button-font-size: var(--font-size-16);
  --Button-line-height: var(--size-24);
  --Button-font-weight: var(--font-weight-semi-bold);
  --Button-letter-spacing: -0.011em;
  --Button-size-small-padding: 5px var(--size-12);
  --Button-size-medium-padding: var(--size-8) var(--size-12);
  --Button-size-large-padding: var(--size-12) var(--size-16);
  --Button-avatar-border-color: var(--color-border-neutral);
  --Button-secondary-background: var(--color-interactive-neutral);
  --Button-secondary-hover-background: var(--color-interactive-neutral-hover);
  --Button-secondary-active-background: var(--color-interactive-neutral-active);
  --Button-secondary-color: var(--color-interactive-primary);
  --Button-tertiary-background: var(--color-background-neutral);
  --Button-tertiary-hover-background: var(--color-background-neutral-hover);
  --Button-tertiary-active-background: var(--color-background-neutral-active);
  --Button-tertiary-color: var(--color-content-primary);
  --Button-minimal-background: transparent;
  --Button-minimal-hover-background: var(--color-background-screen-hover);
  --Button-minimal-active-background: var(--color-background-screen-active);
  --Button-minimal-color: var(--color-interactive-primary);
  --Button-primary-negative-background: var(--color-sentiment-negative-primary);
  --Button-primary-negative-hover-background: var(--color-sentiment-negative-primary-hover);
  --Button-primary-negative-active-background: var(--color-sentiment-negative-primary-active);
  --Button-primary-negative-color: var(--color-contrast);
  --Button-primary-netative-avatar-border-color: rgba(255,255,255,0.2);
  --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
  --Button-secondary-negative-hover-background: var(--color-sentiment-negative-secondary-hover);
  --Button-secondary-negative-active-background: var(--color-sentiment-negative-secondary-active);
  --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
  --Button-secondary-netative-avatar-border-color: rgba(168,32,13,0.12157);
}
.np-theme-personal--dark {
  --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
}
.np-theme-personal--forest-green {
  --color-interactive-neutral: rgba(159,232,112,0.2);
  --color-interactive-neutral-hover: rgba(205,255,173,0.2);
  --color-interactive-neutral-active: rgba(236,255,224,0.2);
  --color-sentiment-negative-secondary: rgba(255,196,194,0.2);
  --color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
  --color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
  --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
  --Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
}
.np-theme-personal--bright-green {
  --color-contrast: #FFFFFF;
  --Button-secondary-color: var(--color-interactive-control);
  --Button-secondary-negative-color: var(--color-contrast);
  --Button-secondary-netative-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
}
