.jasin-embed-container.light-theme,
.light-theme .jasin-embed-container,
.light-theme:host,
:host(.light-theme) {
  --color-black: #18181B;
  --color-border: #E9E9EB;
  --color-background: #F4F4F5;
  --color-image-panel-bg: #F4F4F5;
  --color-body-bg: transparent;
  --color-card-bg: white;
  --color-text-primary: var(--color-black);
  --color-text-secondary: #71717a;
  --color-text-muted: rgba(113, 113, 122, 0.5);
  --color-text-features: #3f3f46;
  --color-divider: #e4e4e7;
  --color-thumbnail-bg: #f9fafb;
  --color-thumbnail-selected: var(--color-black);
  --color-thumbnail-hover: rgba(24, 24, 27, 0.2);
  --color-cta-bg: var(--color-black);
  --color-cta-text: white;
  --color-cta-hover: #27272a;
  --color-branding-text: #71717a;
  --color-branding-hover: #3f3f46;
  --color-box-shadow: rgba(0, 0, 0, 0.05);
  --color-box-shadow-2: rgba(0, 0, 0, 0.02);
  --color-features-toggle-hover: rgba(24, 24, 27, 0.8);
  --color-nav-disabled: rgba(24, 24, 27, 0.2);
  color: var(--color-text-primary);
}

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