.jasin-embed-container.dark-theme,
.dark-theme .jasin-embed-container,
.dark-theme:host,
:host(.dark-theme) {
  --color-black: #ffffff;
  --color-border: #3A3A3D;
  --color-background: #18181b;
  --color-image-panel-bg: #303032;
  --color-body-bg: transparent;
  --color-card-bg: #202022;
  --color-text-primary: var(--color-black);
  --color-text-secondary: #a1a1aa;
  --color-text-muted: rgba(161, 161, 170, 0.5);
  --color-text-features: #d4d4d8;
  --color-divider: #3f3f46;
  --color-thumbnail-bg: #27272a;
  --color-thumbnail-selected: var(--color-black);
  --color-thumbnail-hover: rgba(244, 244, 245, 0.2);
  --color-cta-bg: #ffffff;
  --color-cta-text: #18181b;
  --color-cta-hover: #f4f4f5;
  --color-branding-text: #a1a1aa;
  --color-branding-hover: #d4d4d8;
  --color-box-shadow: rgba(0, 0, 0, 0.5);
  --color-box-shadow-2: rgba(0, 0, 0, 0.3);
  --color-features-toggle-hover: #ffffff;
  --color-nav-disabled: #59595B;
  color: var(--color-text-primary);
}

.dark-theme .features-toggle:hover {
  text-decoration: none;
}