:host {
  --pine-chip-color-accent: var(--pine-color-purple-100);
  --pine-chip-color-accent-hover: var(--pine-color-purple-300);
  --pine-chip-color-accent-dot: var(--pine-color-purple-600);
  --pine-chip-color-accent-text: var(--pine-color-purple-950);
  --pine-chip-color-danger: var(--pine-color-red-100);
  --pine-chip-color-danger-hover: var(--pine-color-red-300);
  --pine-chip-color-danger-dot: var(--pine-color-red-600);
  --pine-chip-color-danger-text: var(--pine-color-red-950);
  --pine-chip-color-info: var(--pine-color-blue-100);
  --pine-chip-color-info-hover: var(--pine-color-blue-300);
  --pine-chip-color-info-dot: var(--pine-color-blue-600);
  --pine-chip-color-info-text: var(--pine-color-blue-950);
  --pine-chip-color-neutral: var(--pine-color-grey-100);
  --pine-chip-color-neutral-hover: var(--pine-color-grey-300);
  --pine-chip-color-neutral-dot: var(--pine-color-grey-600);
  --pine-chip-color-neutral-text: var(--pine-color-grey-950);
  --pine-chip-color-success: var(--pine-color-green-100);
  --pine-chip-color-success-hover: var(--pine-color-green-300);
  --pine-chip-color-success-dot: var(--pine-color-green-600);
  --pine-chip-color-success-text: var(--pine-color-green-950);
  --pine-chip-color-warning: var(--pine-color-yellow-100);
  --pine-chip-color-warning-hover: var(--pine-color-yellow-300);
  --pine-chip-color-warning-dot: var(--pine-color-yellow-600);
  --pine-chip-color-warning-text: var(--pine-color-yellow-950);
}

:host-context([data-theme=dark]) {
  --pine-chip-color-accent: var(--pine-color-purple-900);
  --pine-chip-color-accent-hover: var(--pine-color-purple-800);
  --pine-chip-color-accent-dot: var(--pine-color-purple-400);
  --pine-chip-color-accent-text: var(--pine-color-purple-100);
  --pine-chip-color-danger: var(--pine-color-red-900);
  --pine-chip-color-danger-hover: var(--pine-color-red-800);
  --pine-chip-color-danger-dot: var(--pine-color-red-400);
  --pine-chip-color-danger-text: var(--pine-color-red-100);
  --pine-chip-color-info: var(--pine-color-blue-900);
  --pine-chip-color-info-hover: var(--pine-color-blue-800);
  --pine-chip-color-info-dot: var(--pine-color-blue-400);
  --pine-chip-color-info-text: var(--pine-color-blue-100);
  --pine-chip-color-neutral: var(--pine-color-grey-800);
  --pine-chip-color-neutral-hover: var(--pine-color-grey-600);
  --pine-chip-color-neutral-dot: var(--pine-color-grey-300);
  --pine-chip-color-neutral-text: var(--pine-color-grey-100);
  --pine-chip-color-success: var(--pine-color-green-900);
  --pine-chip-color-success-hover: var(--pine-color-green-800);
  --pine-chip-color-success-dot: var(--pine-color-green-400);
  --pine-chip-color-success-text: var(--pine-color-green-100);
  --pine-chip-color-warning: var(--pine-color-yellow-900);
  --pine-chip-color-warning-hover: var(--pine-color-yellow-800);
  --pine-chip-color-warning-dot: var(--pine-color-yellow-400);
  --pine-chip-color-warning-text: var(--pine-color-yellow-100);
}