:root[data-pl-theme="dark"] {
  color-scheme: dark;

  --pl-source-bg-canvas: var(--pl-color-neutral-900);
  --pl-source-bg-surface: var(--pl-color-neutral-800);
  --pl-source-bg-muted: var(--pl-color-neutral-700);

  --pl-source-text-primary: var(--pl-color-neutral-100);
  --pl-source-text-secondary: var(--pl-color-neutral-400);

  --pl-source-border-subtle: var(--pl-color-neutral-700);
  --pl-source-border-strong: var(--pl-color-neutral-600);

  --wp--preset--color--heading: var(--pl-color-primary-soft);
  --pl-heading: var(--pl-color-primary-soft);
  --pl-accent-hover: color-mix(in srgb, var(--pl-accent) 85%, white 15%);
  --pl-secondary-hover: color-mix(in srgb, var(--pl-secondary) 85%, white 15%);
  --pl-link-hover: var(--pl-accent-hover);
}