/* Palette colors */
/* Variants for adaptive components like input, select, alert, ... */
.db-bg-successful-transparent-full, .db-bg-successful-transparent-semi, .db-bg-successful {
  /* used for transparent backgrounds */
  --db-current-bg-transparent-full: var(
  	--db-successful-bg-transparent-full
  );
  --db-current-bg-transparent-semi: var(
  	--db-successful-bg-transparent-semi
  );
  --db-current-bg-transparent-hover: var(
  	--db-successful-bg-transparent-hover
  );
  --db-current-bg-transparent-pressed: var(
  	--db-successful-bg-transparent-pressed
  );
  /* used for text */
  --db-current-color: var(--db-successful-on-bg);
  /* used for checkbox:checked */
  --db-current-color-hover: var(--db-successful-on-bg-hover);
  --db-current-color-pressed: var(--db-successful-on-bg-pressed);
  /* used as normal backgrounds */
  --db-current-bg-color: var(--db-successful-bg-weak);
  /* used for icons and borders */
  --db-current-contrast-low-color: var(--db-successful-contrast-low);
  --db-current-border-color: var(--db-successful-border);
}

.db-bg-successful {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-successful-transparent-full {
  background-color: var(--db-current-bg-transparent-full);
}
.db-bg-successful-transparent-semi {
  background-color: var(--db-current-bg-transparent-semi);
}
[data-emphasis=weak].db-bg-successful {
  /* used for text */
  --db-current-color: var(--db-successful-on-bg-weak);
  /* used for checkbox:checked */
  --db-current-color-hover: var(--db-successful-on-bg-weak-hover);
  --db-current-color-pressed: var(
  	--db-successful-on-bg-weak-pressed
  );
  color: var(--db-current-color);
}
.db-bg-successful-strong {
  --db-current-color: var(--db-successful-on-bg);
  --db-current-bg-color: var(--db-successful-bg-strong);
  --db-current-border-color: var(--db-successful-border);
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
